JS 怎么控制 checkbox 选中

JS 怎么控制 checkbox 选中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、效果演示

5bafa40f4bfbfbedb576cc047ef0f736afc31f99.jpg

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

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

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

(2)
上一篇 2022年7月15日 上午7:16
下一篇 2022年7月15日 上午7:16


相关推荐

  • 基于单片机的电集中抄表设计

    基于单片机的电集中抄表设计文末下载完整资料 1 集中抄表系统的发展及概况 1 1 电集中抄表系统 自动抄表 AutomaticMet AMR 是指采用通讯和计算机网络等技术自动读取和处理表计数据 发展电能自动抄表技术是提高用电管理水平的需要 也是网络和计算机技术迅速发展的必然 在用电管理方面 采用自动抄表技术 不仅能节约人力资源 更重要的是可提高抄表的准确性 减少因估计或誊写而造成帐单出错 使供用电管理部门能及时准确获得数据信息 由于电力用户因此不再需要与抄表者预约上门抄表时间 还能迅速查询帐单 故这

    2026年3月26日
    2
  • tensorflow_python中文手册

    tensorflow_python中文手册

    2021年6月20日
    106
  • 一文搞懂三极管开关电路,基极电阻如何选择?[通俗易懂]

    一文搞懂三极管开关电路,基极电阻如何选择?[通俗易懂]一文搞懂三极管开关电路,基极电阻如何选择?

    2025年11月19日
    10
  • Python:安装pip

    Python:安装pipPython 安装 pippython 想要安装很多工具包都要使用到 pip 这时候如何安装 pip 就显得很重要了 当然前提是安装了 Python 并且配置了环境变量 1 pip 的安装网站 https pypi org project pip 选择网站的 Download nbsp files windows 下选择 gz 压缩包下载压缩包后 解压到任意文件夹都可以 最好比较简洁的路径 这样命令

    2026年3月27日
    3
  • C# SortedList类概念和示例

    SortedList类[C#]命名空间:System.Collections表示键/值对的集合,这些键和值按键排序并可按照键和索引访问。SortedList是Hashtable和A

    2021年12月21日
    41
  • 9个常用网络命令

    9个常用网络命令ICMP 的应用举例 1 ping 4 tracert1 pingping 用于确定本地主机是否能与另一台主机交换 发送与接收 数据报 根据返回的信息 你就可以推断 tcp ip 参数是否设置得正确以及运行是否正常 ping 是一个测试程序 如果 ping 运行正确 你大体上就可以排除网络访问层 网卡 modem 的输入输出线路 电缆和路由器等存在的故障 从而减小了问题的范围 按照缺省设置 windows 上运行的

    2026年3月19日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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