多个checkbox一次只能选择一个怎么写html
5个回答
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：
$('input').click(function () {
var now = this;
$('input').each(function (i, e) {
if (now !== e) {
$(e).attr('checked', false);
}
})
});
3、浏览器运行index.html页面，此时每打钩一个checkbox，都会取消其它checkbox的打钩。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2015-12-16 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
从html中引入jquery进行判断，如果有一个checked，那么其他不允许选择打勾：
代码如下，仅供参考. 请修改js引入文件
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery demo</title>
<script src="./jquery.js"></script>
</head>
<body>
<form id="test">
<input name="check1" type="checkbox" />check1
<input name="check2" type="checkbox" />check2
<input name="check3" type="checkbox" />check3
</form>
<script>
$(document).ready(function(){
$('#test').find('input[type=checkbox]').bind('click', function(){
$('#test').find('input[type=checkbox]').not(this).attr("checked", false);
});
});
</script>
</body>
</html>
代码如下，仅供参考. 请修改js引入文件
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery demo</title>
<script src="./jquery.js"></script>
</head>
<body>
<form id="test">
<input name="check1" type="checkbox" />check1
<input name="check2" type="checkbox" />check2
<input name="check3" type="checkbox" />check3
</form>
<script>
$(document).ready(function(){
$('#test').find('input[type=checkbox]').bind('click', function(){
$('#test').find('input[type=checkbox]').not(this).attr("checked", false);
});
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
checkbox是复选框，是可以多选的。
单选框是radio：
<input type="radio" name='test' value=1/>单选框1
<input type="radio" name='test' value=2/>单选框2
<input type="radio" name='test' value=3/>单选框3
-----------------
name的属性必须相同
单选框是radio：
<input type="radio" name='test' value=1/>单选框1
<input type="radio" name='test' value=2/>单选框2
<input type="radio" name='test' value=3/>单选框3
-----------------
name的属性必须相同
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要做JS判断，checkbox本来就是复选的，如果你做单选的话用radio
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
