多个checkbox一次只能选择一个怎么写html

 我来答
幻翼高达Zero
2019-07-04 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.1万
展开全部

需要准备的材料分别有:电脑、浏览器、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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ihuazhou
推荐于2017-09-16 · 超过22用户采纳过TA的回答
知道答主
回答量:59
采纳率:0%
帮助的人:38万
展开全部
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的属性必须相同
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
86615646
2011-08-16 · 超过33用户采纳过TA的回答
知道答主
回答量:74
采纳率:0%
帮助的人:91.5万
展开全部
要做JS判断,checkbox本来就是复选的,如果你做单选的话用radio
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2011-08-16
展开全部
选择一个Checkbox时用脚本把其他的Checkbox关掉
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
?>

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式