:radioフィルター

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

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“:radio”).click(function(){  
  $(“label”).css(“font-weight”,””);
  $(“label[for='”+$(this).attr(“id”)+”‘]”).css(“font-weight”,”bold”);
 })
 $(“label”).click(function(){ 
  $(“label”).css(“font-weight”,””);
  $(this).css(“font-weight”,”bold”);
 });
});
</script>

【HTML】
性別:
<input name=”gender” type=”radio” value=”男性”  id=”gender_man”/>
<label for=”gender_man”>男性</label>
<input name=”gender” type=”radio” value=”女性”  id=”gender_woman”/>
<label for=”gender_woman”>女性</label>

radioフィルターサンプル

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