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

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

码：

 $('.CheckMemberClassList').bind('click',function(){ $('.CheckMemberClassList').removeClass('MemberClassActive').addClass('MemberClassInactive'); $(this).removeClass('MemberClassInactive').addClass('MemberClassActive'); });    Text One    Text Two    Text Tree  

请告诉我，我需要如何在此代码中制作它？

Answer 1

 $('.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/

Answer 2

使用与输入ID匹配的for=属性将更改为 ，如下所示：

 Click Me!  

http://jsfiddle.net/2GbPS/

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

   Click Me!  

（小提琴更新）

也适用于收音机！

   Click Me!  

Answer 3

首先，你想要一个复选框或无线电输入吗？ 您的代码是无线电输入。

这是一个显示您需要的jsfiddle

你需要以下javascript：

 $('span').click( function() { var cb = $(this).find(":radio")[0]; if (!$(cb).attr("checked")) { $(cb).attr("checked", "checked"); } else { $(cb).removeAttr("checked"); } } ); $('span input').click( function(event){ event.stopPropagation(); });​