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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了多个checkbox一次只能选择一个怎么写html相关的知识,希望对你有一定的参考价值。

需要准备的材料分别有:电脑、浏览器、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的打钩。

参考技术A 从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>
参考技术B 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的属性必须相同本回答被提问者采纳
参考技术C 要做JS判断,checkbox本来就是复选的,如果你做单选的话用radio 参考技术D 选择一个Checkbox时用脚本把其他的Checkbox关掉

django 一次性上传多个文件, 批量上传

在用django 写文件上传的时候,从request.FILES[‘myfiles‘] 获取到的文件始终只有一个, 但在HTML页面上明明用 HTML5 的 文件控件选择了多个文件,用的是CHROME 浏览器,一次可以选择多个文件上传。在 Pydev 开启debug模式,查看request 对象,发现上传的多个文件确实在request对象中,但为什么 用request.FILES[‘myfiles‘] 却只能得到一个呢? 前端 html5 上传控件, 我用了jquery file upload <inputtype="file"name="myfiles"multiple=""> 选择多个文件之后, 然后提交请求,开启pydev debug 模式,查看request内容: 其中request.FILES 的内容为如下: MultiValueDict:<MultiValueDict:{u‘myfiles‘:[<InMemoryUploadedFile:300x600.png(image/png)>,<InMemoryUploadedFile: todo.txt (text/plain)>]}> 很明显,上传的文件的确在其中,但是当用 request.FILES[‘myfiles‘] 得到的确是最后一个。 而不能得到两个文件。跟踪代码发现,request.FILES 的类型为 MultiValueDict,这种字典类是特殊定义的,如果需要取得list 需要调用 getlist 方法,看到这里,豁然开朗,下面是得到上传的多个文件与处理的逻辑 files = request.FILES.getlist(‘myfiles‘)for f in files: destination = open(‘d:/temp/‘+ f.name,‘wb+‘)for chunk in f.chunks(): destination.write(chunk) destination.close()

以上是关于多个checkbox一次只能选择一个怎么写html的主要内容,如果未能解决你的问题,请参考以下文章

jquery让checkbox只能选中一个怎么实现

django 一次性上传多个文件, 批量上传

jquery checkbox勾选/取消勾选只能操作一次的诡异问题

jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次

jquery让checkbox只能选中一个怎么实现

wps复选框无法使用出现checkbox