:checkedフィルター

チェック済みの要素だけを選択できるのが:checkedフィルターです。

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“label,:checkbox”).click(function(){
  $(“label”).css(“background”,””);
  $(“:checked”).each(function(){
   $(“label[for='”+$(this).attr(“id”)+”‘]”).css(“background”,”#CCCCCC”);
  });
 });
});
</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>

checkedフィルターサンプル

This entry was written by admin , posted on 月曜日 5月 30 2011at 11:05 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>