jQuery始めました。6(チェックボックスをすべて選択する)

チェックボックスをすべて選択する。

<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<script type="text/javascript" src="/jquery/jquery.js"></script>

<title>jQueryテスト6</title>


</head>
<body>


<script type="text/javascript"><!--

$(function(){
    $("button").click(function(){
        $(":checkbox").attr("checked","checked")
    })
}) 

//-->
</script>


スキル:

<input type="checkbox" name="xhtml" value="XHTML" id="xhtml" />

<label for="xhtml">XHTML</label>

<input type="checkbox" name="css" value="CSS" id="css" />

<label for="css">CSS</label>

<input type="checkbox" name="javascript" value="JavaScript" id="javascript" />

<label for="javascript">JavaScript</label>

<input type="checkbox" name="php" value="PHP" id="php" />

<label for="php">PHP</label>

<p><button>すべてにチェックを付ける</button></p>


</body>
</html>

サンプルは、こちら。

引用元：　jQueryによるフォームのデザインの基礎（後編）

この記事の筆者

管理者