导航:首页 > 编程语言 > js判断复选框是否选中

js判断复选框是否选中

发布时间:2024-10-19 00:18:02

① 如何使用javascript来设置checkbox的选中状态

1、定义一个checkbox节点<input type='checkbox' id='iptchk'/>;
2、根据id获取checkbox节点var chk = document.getElementById('iptchk');//通过getElementById获取节点;
3、通过checked设置为回true,变checkbox为选中状态答chk.checked = true;//设置checked为选中状态。

js的问题 我想实现复选框的 全选 或者全不选的功能, 表单中有其他的表单,所以不能用getElementByName()

表单中的元素是可以使用相同的name的,比如
<input name=abc type=checkbox value="1" checked />
<input name=abc type=checkbox value="2" />
<input name=abc type=checkbox value="3" checked />
<input name=abc type=checkbox value="4" />
这四个复选框有相同的name即abc,其中第1个和第3个是默认选中的。那么当这个表单提交后,后台获取的这个abc字段的值将是"1, 3",从中你就能看出是哪个复选框选中了。也就是说,只要给相同name的元素设置不同的value,提交后通过分解字符串就能获得数据。比方说你可以给复选框的value设置为数据库记录的ID值啊,这样提交后后台程序就很容易知道究竟是哪几条记录被选中了!因此,利用这种给同一类型表单元素设置相同name的方法,同一表单实际上可以实现一次性提交成百上千行数据(当然这里不考虑效率因素)的目的!

③ 怎样用JS判断复选框的值是否为空

js应该这样写:
var objs=document.getElementsByName('cj');
var isSel=false;//判断是否有选中项,默认为无
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked==true)
{
isSel=true;
break;
}
}
if(isSel==false)
{
alert("请选版择科权目!");
return false;
}else
{
return true;
}

④ js怎么取得name=checkbox[]的复选框选中个数

var inputs = document.getElementsByName("cb[]");

var checked_counts = 0;

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

if(inputs[i].checked){

checked_counts++;

}

}

alert(checked_counts);

(4)js判断复选框是否选中扩展阅读:

JS的使用方法

1.JS中的字符与字符相连接使用+号.

2.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=

3.JS中声明变量使用:var来进行声明

4.JS中的判断语句结构:if(condition){}else{}

5.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}

6.循环中止的命令是:break

7.JS中的函数定义:function functionName([parameter],...){statement[s]}

8.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.

9.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self

10.状态栏的设置:window.status="字符";

11.JS中的取字符串长度是:(length)

⑤ js为input 设置checkbox元素属性并设为选中状态

推荐使用兼容浏览器方式。

⑥ 如何用js读取复选框的值

思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。

实例演示如下:

1、HTML结构

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代码

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

阅读全文

与js判断复选框是否选中相关的资料

热点内容
55公里app 浏览:556
欠费多少充多少为啥还用不了数据 浏览:607
苹果7如何使用万能钥匙 浏览:254
微信文件传送电脑 浏览:600
什么app可以解压百度云rar 浏览:627
苹果6sp换壳 浏览:956
海盗船k70rgb灯光配置文件 浏览:336
linuxfsstat 浏览:926
电脑文件有个锁 浏览:441
ps多张pdf文件夹 浏览:2
怎样压缩文件能传到qq邮箱 浏览:923
南昌房管局网站怎么查备案 浏览:884
如何设置ipad下载密码 浏览:458
ae信号干扰教程 浏览:548
电脑之前删掉的文件怎么找 浏览:805
索尼z1刷什么系统升级 浏览:466
自创字体怎么编程序 浏览:381
成都的苹果售后服务电话号码 浏览:698
文件放笔记本哪个盘 浏览:745
starbound星球文件格式 浏览:137

友情链接