使用js控制input type=”check”属性

最新推荐文章于 2024-01-15 02:52:58 发布
原创 最新推荐文章于 2024-01-15 02:52:58 发布 · 9.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input

本文介绍了一种实现注册网站信息时通过勾选框控制提交按钮可用性的方法。使用JavaScript代码使得只有当用户同意协议并勾选时，提交按钮才变为可用状态。

注册网站信息时一般表现形式为注册协议，外加input type=check和input type=submit，使用check是否选中来判断submit是否可用，代码如下：

   <input type="checkbox" id="chk" name="chk" onclick="document.form.submit.disabled=(document.form.chk.checked==true)?false:true" value="1" />同意本协议  <input type="submit" value="确认注册" id="submit" name="submit" disabled="true" />

修改原生input[type=checkbox]样式 + 获取input[type=checkbox]状态
五花漏的博客
06-09 2145
HTML： <form> <input id="select" name="select" type="checkbox" checked> <label for="select"><i></i>选择</label> </form> CSS: input[type="checkbox"] { display: none;//隐藏原生的多选框 } input[type="checkbox"]+la
input[type=“checkbox“] 美化CheckBox
fastrack_15233866884的博客
03-22 310
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> @keyframes cb_after { from { opacity: 0; height: 0; } to { opacity: 1; he...
【记】input type为checkbox或radio时的click默认事件
weixin_30267697的博客
04-08 1075
　　在input中，如果type为checkbox或radio时，浏览器会将该input渲染成为系统的单选或多选组件，如果这时，我们在这个input上绑定click事件，那就要小心谨慎使用e.preventDefault()这个方法（jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件）。之所以要说谨慎使用，就是，如果你在这个事件的响应程序中判断该checkbox是否选中时，得到的结果...
input标签中checkbox类型的相关操作总结
你就是我的世界
09-22 3万+
今天突然用到了input标签里的checkbox，发现还是有些概念不清不楚的，在这里总结一下。 一、checked属性 常用于input标签里type类型为checkbox和radio，是一个Boolean属性。规定在页面加载时预先被选定。可以通过js代码进行设置。 <input type="checkbox" name="hu" checked="checked"> ...
1.Html基本控件介绍
早日成为鹏总
08-23 1961
　　主要介绍 input、select、textarea、label、fieldset、ul、ol、li等标签 目录 1.<input>标签：主要用于收集用户信息，可根据不同的type属性值，拥有多种形式。 2.<select>标签：可创建单选或多选菜单，类似于winform的combox或listbox。 3.<textarea>标签：多行文本区...
input type=checkbox html元素,input type=checkbox HTML元素
weixin_39890332的博客
06-11 1445
定义创建复选框控件。Creates a check box control.注释当 INPUT type=checkbox 元素被选中时，将向 FORM 提交 name/value 的一对值。INPUT type=checkbox 的默认值是 on。INPUT type=checkbox 元素的 height 和 width 样式是从 Internet Explorer 5版本起实现的。元素的大...
JS为页面输入框做Check
面白い
11-14 1589
NewUserRight function JumpSubmit() { alert("Creat User Failed...Please Try Again!!!"); window.location.replace("../cgi-bin/user"); window.parent.leftFrame.location = "../cgi-bin/
JS表单提交验证、input（type=number） 去三角 刷新验证码
12-08
本文将详细介绍如何在JavaScript中实现表单提交验证，以及如何处理`input[type="number"]`的三角箭头以及刷新验证码的方法。 首先，表单提交验证通常会在表单的`onSubmit`事件中进行。当用户点击`<button type=...
1. 构建表单注册页面的 HTML 结构，包含表单标签<form>，并设置action属性（可先设置为虚拟地址）和method属性（如post或get）。 2. 在表单内添加各种表单元素，如文本输入框<input type="text">、密码输入框<input type="password">、单选按钮<input type="radio">、复选框<input type="checkbox">、下拉选择框<select>和<option>、提交按钮<input type="submit">等，并合理
最新发布
06-06
<input class="form-check-input" type="checkbox" name="hobby" id="traveling" value="traveling"> <label class="form-check-label" for="traveling">旅行 <div class="form-check form-check-inline"> ...
jquery实现复选框单选全选，input type="checkbox"复选框样式修改demo
fengxue_snow的博客
08-12 528
1、效果图 2、css样式 /*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;} a { color: #666; text-decoration: none...
input type=“checkbox“
weixin_43862596的博客
03-12 8627
多选框 checkbox : 意为从多个选项中选择一项或者多项 如下： checked 属性表示该选项在默认情况下已经被选中 复选框是没有文本的，需要加入 label 标签，并且 label 的 for 属性指向复选框的 id。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <form name="form1" met
利用js实现input属性中的checked全选，不选与反选
2201_75368306的博客
01-15 925
全选</button>/*设置按钮*/<button id="second">全不选</button><button id="third">反选编号</li><li>操作</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目
处理input[type=checkbox]当中遇到的细节问题
weixin_30335353的博客
01-16 220
$(".submitcilck").click(function(){ // 不允许不选中 if($(".answercheck:checked").length > 0){ } else{ return false; } 转载于:https://www.cnblogs.com/ppm0325/p/8296355.html
input标签的type属性汇总
热门推荐
夏天的博客
04-20 10万+
1.单行输入框< input type=“text”/> 单行文本输入框常用来输入简短的信息，如用户名、账号等，常用的属性有name、value、 maxlength。 2.密码输入框< input type=" password"/> 密码输入框用来输入密码，其内容将以圆点的形式显示。 3.单选按钮< input type=" radio"/> 单选按钮用于单项选择，如选择性别、是否操作等。需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“
js 按钮（checkbox）控制多个checkbox的选中或不选中问题
weixin_33775572的博客
02-18 9184
为什么80%的码农都做不了架构师？>>> ...
input 关于 checked属性的值
Hanhanyoona的博客
07-13 5923
input的type=checked 则是一个复选框，它是否被选中取决于checked属性。关于checked属性的值有一个有趣的现象：        &lt;input type="checkbox" checked="checked"&gt; &lt;input type="checkbox" checked="true"&gt; &lt;input type="chec
<input> 标签的 checked 属性
码农的田园
07-30 1万+
checked 属性可设置或返回某个选定复选框或单选按钮是否被选中。 checked 属性 与 或 配合使用。 表示选定复选框或单选按钮。 checked="checked" /> I have a car document.getElementById("check1").checked=true document.getElement
如何判断input复选框是否选中
qq_45281478的博客
09-16 4306
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
js 点击选取事件
qq_46063555的博客
05-18 1426
先创建五个个input 给他个名字class叫check ，给一个checkbox选中触发事件，这样点击小方块就可以选中，再次点击取消 下面给他3个按钮button，分别为 全选allCheck()，不选noCheck()，反选fanCheck() 下面是js来实现全选 function allCheck() { var all = document.getElementsByClassName(“check”); for (var i = 0; i<all.length;i
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值