您现在的位置是:首页» windows系统» checkbox判断是否选中js,js怎么判断checkbox是否选中

checkbox判断是否选中js,js怎么判断checkbox是否选中

2023-12-05 03:06:40
今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家! 1、如果checkbox有状态修改的事件响应,这个时候如果为checkbox赋值初始状态的时候,就会触发checkbox的事件,而往往这个不是我们希望的。2、如何避免这种事情发生呢?其

今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家!

1、如果checkbox有状态修改的事件响应,这个时候如果为checkbox赋值初始状态的时候,就会触发checkbox的事件,而往往这个不是我们希望的。

2、如何避免这种事情发生呢?其实就是要区分到底是人为的触发的,还是代码触发的。

3、如果是人为触发的,那么这个时候焦点就会在checkbox上,如果是代码赋值触发的,一般焦点都不在checkbox上。

4、事件响应的函数中添加这个条件 chkbox.Focused

5、图象?熟练掌握同角三角函数关系

首先通过getElementById或其它方式获得这些对象obj,然后判断obj.checked= true或false就可以了。

<input id='bigclassauthorize' type='checkbox' onclick='testClickBigCheckBox()'/>

<input id='smallclassauthorize1' type='checkbox'/>

<input id='smallclassauthorize2' type='checkbox'/>

function testClickBigCheckBox(){

var big= document.getElementById('bigclassauthorize');

var small1= document.getElementById('smallclassauthorize1');

var small2= document.getElementById('smallclassauthorize2');

代码可以精简或者封装,这里只是简单的描述一下基本做法,以上是大项被选中的事件处理,小项的原理差不多。

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

<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<br>

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

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

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

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

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

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

wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台,HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com

标签: 选中 事件 代码