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によるフォームのデザインの基礎(後編)

前へ

jQuery始めました。5(クリックした際の値を取得するの2)

次へ

jQuery始めました。7(ロールオーバすると注意事項を表示する)