用js怎么实现复选框只能做单选的操作?
4个回答
展开全部
<input type="checkbox" name="checkbox" />
<input type="checkbox" name="checkbox" />
<input type="checkbox" name="checkbox" />
<input type="checkbox" name="checkbox" />
<input type="checkbox" name="checkbox" />
//方法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.length;i++){
checks[i].checked = false;
}
obj.checked = true;
}else
{
for(var i=0;i<checks.length;i++){
checks[i].checked = false;
}
}
}
{
var checks = document.getElementsByName("xxxx");
if(obj.checked)
{
for(var i=0;i<checks.length;i++){
checks[i].checked = false;
}
obj.checked = true;
}else
{
for(var i=0;i<checks.length;i++){
checks[i].checked = false;
}
}
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在高版本的jquery引入prop方法后，对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。详情见 jquery中attr和prop的区别
附上代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=" viewport"
content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/>
<title>复选框chexkbox实现单选</title>
<script src="jquery-3.2.1.min.js" type="text/javascript"></script>
</head>
<body>
<div class="checkBox">
<input type="checkbox" name="check"/><span>1</span>
<input type="checkbox" name="check"/><span>2</span>
<input type="checkbox" name="check"/><span>3</span>
<input type="checkbox" name="check"/><span>4</span>
</div>
<script type="text/javascript">
$(":checkbox").click(function(){
if($(this).prop("checked")!=undefined) {
$(this).siblings().prop("checked",false);
$(this).prop("checked",true);
}
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
