用js怎么实现复选框只能做单选的操作?

//方法1
$('inputp[type=checkbox]').click(function(){
 $(this).attr('checked','checked').siblings().removeAttr('checked');
});
//方法2
$('inputp[name=checkbox]').click(function(){
 $(this).attr('checked','checked').siblings().removeAttr('checked');
});

首先，推荐你用单选框来实现，比较简单也直观。

如果用复选框实现单选，那么就在选中你要选的项之后，循环其他几项，置为没有选择状态即可。

function check(obj)
{
var checks = document.getElementsByName("xxxx");
if(obj.checked)
{
for(var i=0;i checks[i].checked = false;
}
obj.checked = true;
}else
{
for(var i=0;i checks[i].checked = false;
}
}
}

在高版本的jquery引入prop方法后，对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。详情见 jquery中attr和prop的区别

附上代码：

    
     content="width=device-width   initial-scale=1.0  minimum-scale=1.0  miximum=1.0  user-scalable=yes"/>
    
    



    1
    2
    3
    4