当我单击具有此复选框的元素跨度时，如何设置项目复选框? [英] How set item checkbox when i click on element span which have this checkbox?

问题描述

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

Me need set item checkbox when i click on element span which have this checkbox.

代码:

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

请告诉我如何在此代码中进行设置?

Tell me please how i need make its in this code?

推荐答案

$('.CheckMemberClassList').bind('click',function(){
    $('.CheckMemberClassList').removeClass('MemberClassActive').addClass('MemberClassInactive');
    $(this).removeClass('MemberClassInactive').addClass('MemberClassActive');
    $(this).find('input:radio').prop('checked', true);
});

工作示例: http://jsfiddle.net/hMYtg/

Jquery .prop()文档: http://api.jquery.com/prop/

Jquery .prop() Documentation: http://api.jquery.com/prop/

这篇关于当我单击具有此复选框的元素跨度时，如何设置项目复选框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！