JS 怎么控制 checkbox 选中

全栈程序员-站长 • 2022年7月15日上午7:16 • 未分类 • 阅读 58

JS 怎么控制 checkbox 选中2019独角兽企业重金招聘Python工程师标准>>>…

大家好，又见面了，我是你们的朋友全栈君。

2019独角兽企业重金招聘Python工程师标准>>>

<script>
window.onload = function(){

//获取id 为 check 的隐藏域的值（比如“2,5”）
//将name 为 about ，value为2和5的checkbox 设为选中
}
</script>
以上代码怎么写？

思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：

1、HTML结构

1

2

3

4

5

6

<input name="test" type="checkbox" value="1" />item-1

<input name="test" type="checkbox" value="2" />item-2

<input name="test" type="checkbox" value="3" />item-3

<input name="test" type="checkbox" value="4" />item-4

<input name="test" type="checkbox" value="5" />item-5

<input type="text" id="val"><input type="button" value="确定" onclick="fun()">

2、javascript代码

1

2

3

4

5

6

7

8

9

10

11

12

function fun(){

var val = document.getElementById("val").value.split(",");

var boxes = document.getElementsByName("test");

for(i=0;i<boxes.length;i++){

for(j=0;j<val.length;j++){

if(boxes[i].value == val[j]){

boxes[i].checked = true;

break

}

}

}

}

3、效果演示

转载于:https://my.oschina.net/zhangyaxin/blog/1587987

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/159837.html原文链接：https://javaforall.net

赞 (2)

全栈程序员-站长

0 0

dba_users表或视图不存在_oracle数据库视图创建

dba_users表或视图不存在_oracle数据库视图创建检查是否删除或者锁定无关帐号注意事项及影响：确认无关账号非业务使用即可，无影响 ADMIN,ORACLE,TEST,DBUSER,确认这些数据库用户已经不再使用序号操作内容操作步骤责任人时间 1 登陆数据库 S…

全栈程序员-站长
2022年9月25日
1
adventureworksdw2008r2_work in an office

adventureworksdw2008r2_work in an office在学习ReportingService联机教程的时候，提示要用Adventureworks2008数据库，于是用codeplex网站下载了SQL2008.AdventureWorks_All_Databases.x86.msi，安装上去，没有看到有Adventureworks2008数据库，却有一个Adventureworks数据库，我想这也应该能用吧于是就开始用Ad…

全栈程序员-站长
2025年10月27日
2
No input file specified的解决方法apache伪静态

No input file specified的解决方法apache伪静态

全栈程序员-站长
2021年10月9日
52
怎样解决栈溢出

怎样解决栈溢出

全栈程序员-站长
2021年11月14日
46
查看sqlite_sqlite数据库手机版

查看sqlite_sqlite数据库手机版这是什么用于SQLite的数据库浏览器（DB4S）是一种高质量，可视化的开源工具，用于创建，设计和编辑与SQLite兼容的数据库文件。DB4S适用于想要创建，搜索和编辑数据库的用户和开发人员。DB4S使用熟悉的类似电子表格的界面，并且不必学习复杂的SQL命令。控件和向导可供用户使用：创建并压缩数据库文件创建，定义，修改和删除表创建，定义和删除索引浏览，编辑，添加和删除记录搜索记录导入和导出记录为文本从CSV文件导入和导出表格从/到SQL转储文件导入和导出数据库

全栈程序员-站长
2025年10月11日
2
如何在html添加css样式表,网页中添加CSS样式表的四种方式

如何在html添加css样式表,网页中添加CSS样式表的四种方式本文向大家描述一下网页中添加CSS样式表的四种方式，首先让我们来看一下CSS样式表文件的优势，主要体现在两个方面，请看下文详细介绍。CSS样式表文件的优势表现在两个方面:***，简化了网页的格式代码，外部的CSS样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。第二，只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格…

全栈程序员-站长
2022年7月14日
16

发表回复

关注全栈程序员社区公众号