导航:首页 > 编程语言 > 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判断复选框是否选中相关的资料

热点内容
ps入门必备文件 浏览:348
以前的相亲网站怎么没有了 浏览:15
苹果6耳机听歌有滋滋声 浏览:768
怎么彻底删除linux文件 浏览:379
编程中字体的颜色是什么意思 浏览:534
网站关键词多少个字符 浏览:917
汇川am系列用什么编程 浏览:41
笔记本win10我的电脑在哪里打开摄像头 浏览:827
医院单位基本工资去哪个app查询 浏览:18
css源码应该用什么文件 浏览:915
编程ts是什么意思呢 浏览:509
c盘cad占用空间的文件 浏览:89
不锈钢大小头模具如何编程 浏览:972
什么格式的配置文件比较主流 浏览:984
增加目录word 浏览:5
提取不相邻两列数据如何做图表 浏览:45
r9s支持的网络制式 浏览:633
什么是提交事务的编程 浏览:237
win10打字卡住 浏览:774
linux普通用户关机 浏览:114

友情链接