当我单击具有此复选框的元素范围时,我需要设置项目复选框。
Code:
<script>
$('.CheckMemberClassList').bind('click',function(){
$('.CheckMemberClassList').removeClass('MemberClassActive').addClass('MemberClassInactive');
$(this).removeClass('MemberClassInactive').addClass('MemberClassActive');
});
</script>
<span class="MemberClass1 MemberClassActive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList1" value="1" checked="checked">
Text One
</span>
<span class="MemberClass2 MemberClassInactive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList2" value="2">
Text Two
</span>
<span class="MemberClass3 MemberClassInactive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList3" value="3">
Text Tree
</span>
请告诉我我需要如何在这段代码中实现它?
改变你的<span>
s to <label>
with a for=
与您输入的 ID 匹配的属性,如下所示:
<label for="checkbox1">Click Me!</label>
<input type="checkbox" id="checkbox1">
http://jsfiddle.net/2GbPS/
实际上,由于您的复选框位于跨度内,因此这将起作用:
<label>
<input type="checkbox">
Click Me!
</label>
(小提琴更新)
也适用于收音机!
<label>
<input type="radio">
Click Me!
</label>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)