设置页面中input check复选框为单选功能

1.设置页面中input是同级元素时checkbox为单选：

html部分代码：

<input type="checkbox" name="check1"/>

<input type="checkbox" name="check2"/>

<input type="checkbox" name="check3"/>

js部分代码：

$(":checkbox").click(function(){

$(this).attr("checked",true);//设置当前选中checkbox的状态为checked

$(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中

});

2.设置页面中input不是同级元素时checkbox为单选：

html部分代码：

<table>

<tr>

<td><input type="checkbox"/></td>

<td><input type="button" class="classify" value="新用户注册"/></td>

</tr>

<tr>

<td><input type="checkbox"/></td>

<td><input type="button" class="classify" value="7天未登录"/></td>

</tr>

<tr>

<td><input type="checkbox"/></td>

<td><input type="button" class="classify" value="14天未登录"/></td>

</tr>

</table>

js部分代码：

$(':checkbox').each(function(){ //遍历页面中所有的checkbox

$(this).click(function(){//为页面中每一个checkbox设置点击事件

if($(this).attr('checked')){ //如果有checkbox状态为选中

$(':checkbox').removeAttr('checked'); //移除checked属性，改变checkbox状态为未选中(为页面中所有checkbox复选框添加设置)

//$(':checkbox').attr('disabled','disabled'); //或者直接设置checkbox复选框为禁用 (为页面中所有checkbox复选框添加设置)

$(this).attr('checked','checked'); //为当前点击选中的checkbox复选框添加checked属性

}

});

});