当我点击具有此复选框的元素跨度时,如何设置项目复选框？

Question

当我点击具有此复选框的元素跨度时,我需要设置项目复选框.

码:

<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>

请告诉我,我需要如何使用此代码？

Answer 1

使用与输入ID匹配的属性更改您的<span>s ,如下所示:<label>for=

<label for="checkbox1">Click Me!</label>
<input type="checkbox" id="checkbox1">

http://jsfiddle.net/2GbPS/

实际上,由于你在span中有你的复选框,这将有效:

<label>
<input type="checkbox">
Click Me!
</label>

(小提琴更新)

也适用于收音机!

<label>
<input type="radio">
Click Me!
</label>