博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单的checkbox选中和取消
阅读量:7250 次
发布时间:2019-06-29

本文共 1171 字,大约阅读时间需要 3 分钟。

在网上看了不少的教程关于checkbox的,按照上面的做了,但是没有成功,于是自己下午找了一点时间来做这些方面的工作,要让复选框被选中其实很简单,就是给该元素加上checked属性,那么元素自然就会被选择上。要取消的话其实就是remove去他的这个熟悉。检测代码如下:

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>checkbox</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>

<form>

<input type="checkbox" >选中
<input type="checkbox" >选中
<input type="checkbox" >选中
<input type="checkbox" >选中
<div class="btn" id="btn">全选</div>
<div class="btn" id="cancer">取消</div>

</form>

<script type="text/javascript">
var btn=document.getElementById('btn');
var inputs=document.getElementsByTagName('input');
btn.οnclick=function (argument) {
for (var i = inputs.length - 1; i >= 0; i--) {
inputs[i].setAttribute("checked",true);
};
alert(inputs[1].getAttribute("checked"));
}

var cancer=document.getElementById('cancer');

cancer.οnclick=function (argument) {
for (var i = inputs.length - 1; i >= 0; i--) {
inputs[i].removeAttribute("checked");
};
alert(inputs[1].getAttribute("checked"));
}

</script>

</body>
</html>

转载于:https://www.cnblogs.com/jackzzx/p/4658806.html

你可能感兴趣的文章
Largest Rectangle in Histogram
查看>>
聊聊pg jdbc的queryTimeout及next方法
查看>>
golang 依赖管理
查看>>
Java常用工具类整理
查看>>
FED之必备技能
查看>>
高性能磁盘 I/O 开发学习笔记 -- 硬件原理篇
查看>>
一个还算优雅的 react 图片组件
查看>>
JSON应知应会
查看>>
一个PHP文件搞定支付宝系列之手机网站支付(兼容微信浏览器)
查看>>
设计模式之代理模式
查看>>
客服系统从Require.js到Webpack
查看>>
React 16 中的异常处理
查看>>
独家解析Javascript原型继承
查看>>
springboot集成mqtt
查看>>
重拾css(3)——学习css的思路
查看>>
SegmentFault 社区访谈 | 有位公子在奇舞
查看>>
jQuery源码分析之jQuery的定义
查看>>
一些经典面试题分析(上)
查看>>
[JS相关的记录01] 那什么来面对你,面向对象编程(__proto__,prototype,constructor以及原型链)...
查看>>
夏日葵电商:搭建一个商城系统,N+功能方案揭秘!
查看>>