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

最新推荐文章于 2022-01-24 14:48:58 发布
最新推荐文章于 2022-01-24 14:48:58 发布
阅读量9.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fisea/article/details/5639467
版权

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

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

fisea
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input标签中checkbox类型的相关操作总结
你就是我的世界
09-22 2万+
今天突然用到了input标签里的checkbox，发现还是有些概念不清不楚的，在这里总结一下。 一、checked属性 常用于input标签里type类型为checkbox和radio，是一个Boolean属性。规定在页面加载时预先被选定。可以通过js代码进行设置。 <input type="checkbox" name="hu" checked="checked"> ...
input type=checkbox html元素,input type=checkbox HTML元素
weixin_39890332的博客
06-11 1174
定义创建复选框控件。Creates a check box control.注释当 INPUT type=checkbox 元素被选中时，将向 FORM 提交 name/value 的一对值。INPUT type=checkbox 的默认值是 on。INPUT type=checkbox 元素的 height 和 width 样式是从 Internet Explorer 5版本起实现的。元素的大...
input的type=[checkbox]全选取消全选，新生成元素点击事件
hangGe0111的博客
06-27 762
1.HTML&lt;table class="table"&gt; &lt;tr class="tr"&gt; &lt;td colspan="2"&gt; &lt;span&gt; &lt;input type="checkbox" class="check_total"/&gt;全选 &lt;/span
自定义 input[type=checkbox] 样式
热门推荐
suwyer的博客
08-21 1万+
input[type=checkbox] 复选框作为网页中常见的一种组件， 我们在设计开发过程中，为了页面的美观，往往需要设计符合产品的风格样式； 而原生的复选框样式并不美观，且直接修改它的样式，会发现只可以设置少数的样式，其余样式并没有效果。这时，我们就需要自定义checkbox的个性化样式了。  我这里简单的介绍两种CSS实现的方式： 两种方式都使用表单元素中的 label 元素和for...
【记】input type为checkbox或radio时的click默认事件
weixin_30267697的博客
04-08 985
　　在input中，如果type为checkbox或radio时，浏览器会将该input渲染成为系统的单选或多选组件，如果这时，我们在这个input上绑定click事件，那就要小心谨慎使用e.preventDefault()这个方法（jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件）。之所以要说谨慎使用，就是，如果你在这个事件的响应程序中判断该checkbox是否选中时，得到的结果...
1.Html基本控件介绍
早日成为鹏总
08-23 1594
　　主要介绍 input、select、textarea、label、fieldset、ul、ol、li等标签 目录 1.<input>标签：主要用于收集用户信息，可根据不同的type属性值，拥有多种形式。 2.<select>标签：可创建单选或多选菜单，类似于winform的combox或listbox。 3.<textarea>标签：多行文本区...
input[type=checkbox]使用说明
qq_22865989的博客
01-24 7812
html代码段： <div> <label class="labelAll"> <input type="checkbox" name="test" value="全选" checked="checked"/>全选</label> <label class="labelOne"> <input type="checkbox" n
js 点击选取事件
qq_46063555的博客
05-18 1246
先创建五个个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
input 关于 checked属性的值
Hanhanyoona的博客
07-13 5726
input的type=checked 则是一个复选框，它是否被选中取决于checked属性。关于checked属性的值有一个有趣的现象：        &lt;input type="checkbox" checked="checked"&gt; &lt;input type="checkbox" checked="true"&gt; &lt;input type="chec
JS表单提交验证、input（type=number） 去三角 刷新验证码
12-08
button type="submit" >提交</button>进行表单的提交才会触发form的onSubmit事件，如果是通过button的onclick事件进行表单提交则不会触发form的onSubmit事件 2、 onSubmit事件的正确写法是：<form ...
基于JS实现checkbox全选功能实例代码
11-28
此功能经常会用户，下面小编给大家分享下实现代码，一起看看吧！ 效果图如下： ... ... ... 代码如下： ...input type="checkbox" onclick="quanxuan()">...input type="checkbox" name="nation">...input type
javascript中checkbox使用方法简单实例演示
11-26
演示一个小小的例子：在购物车里面，我们能够勾选自己所选的商品，然后能够显示出相应的价格。 1、首先显示出相应的界面：   相关代码： <body>...input type="checkbox" onclick="chose(this)
js获取所有checkbox的值的简单实例
01-19
input type=checkbox name=test value=值1 />显示的内容 <input type=checkbox name=test value=值2 />显示的内容 <input type=checkbox name=test value=值3 />显示的内容 <input type=checkbox ...
react-time-input-polyfill:一个简单的React组件，使用内置的Polyfill来生成input [type = time]元素，以支持Safari和IE
05-06
input type="time">元素，并带有一个内置的针对IE和Safari的polyfill支持。 :check_mark: 模仿Chrome 78和Firefox 70桌面实施。 :check_mark: 完全可访问键盘和屏幕阅读器。 :check_mark: 发送回与实时输入相同的...
textbox禁止输入空格
fisea的专栏
01-26 3983
asp:TextBox ID="TextBox1" runat="server" onkeydown="return NotAllowSpace(this);"/>asp:TextBox><!--function NotAllowSpace(e) { var keyVal =(window.event) ? event.keyCode : e.keyCode;
三级下拉菜单
fisea的专栏
11-24 3714
 三级下拉菜单 (通用版)网页特效|Linkweb.cn/Js|--- 三级下拉菜单 (通用版)function CreateSelect(_FormName,_SName,_SValue,_Ds,_AllOptionStr,ShowType){//三级关链菜单通用版//作者:海娃， 有问题请到http://www.51windows.Net留言。if (_FormName=="")  
解决window.open中返回[object]的问题
fisea的专栏
06-01 3304
<br />今天遇到了这个问题：<br /><a href="javascript:void(window.open(‘/include/todayCommitNewWin.html’,”,’width=400,height=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=yes’));" class="whiteLink" title="点击在新窗口中查看">更多…</a><br />结果一点击就会在父窗体中返
读取js src参数值
fisea的专栏
11-24 2947
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档var Twidth;var Theight;var getArgs=(function(){   var sc=document.getElementsByTagName(script);   var
(2) 请利用JQuery编写函数实现表单的校验,要求学号和姓名不能为空，年龄必须数字，才能实现表单的提交。 程序清单：（10分） function check() { } 其中表单的html代码如下： <form id=”student” action=”?” method=”post” onsubmit=”return check()”> 学号：<input type=”text” id=”xh”/> 姓名：<input type=”text” id=”name”/> 年龄：<input type=”text” id=”age”/> <input type=”submit” /> </form>
最新发布
06-13
好的，以下是一个使用 jQuery... 姓名：<input type="text" id="name"/> 年龄：<input type="text" id="age"/> <input type="submit" /> ``` 这样，当用户点击提交按钮时，会自动调用 `check()` 函数进行表单校验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值