:checkboxフィルター

type属性がcheckboxのフォーム部品を選択できるのが
:checkboxフィルターです。

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“button”).click(function(){  
  $(“:checkbox”).attr(“checked”,”checked”);
 });
});
</script>

【HTML】
スキル:
<input name=”xhtml” type=”checkbox” value=”XHTML”  id=”xhtml”/>
<label for=”xhtml”>XHTML</label>
<input name=”css” type=”checkbox” value=”CSS”  id=”css”/>
<label for=”css”>CSS</label>
<input name=”php” type=”checkbox” value=”PHP”  id=”php”/>
<label for=”php”>PHP</label>
<input name=”flash” type=”checkbox” value=”FLASH”  id=”flash”/>
<label for=”flash”>FLASH</label>
<p><button>すべてをチェックする</button></p>

checkboxフィルターサンプル

This entry was written by admin , posted on 水曜日 6月 01 2011at 10:06 am , filed under Form and tagged . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

コメントを残す

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>