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

热点内容
起点app是什么颜色的 浏览:533
u盘文件大了怎么办 浏览:607
elastic支持哪些编程语言 浏览:937
骑乐无比最新版本下载 浏览:453
stm32两个程序合并 浏览:918
数据库有哪些实用 浏览:404
魅族手机里哪些文件可以拆除 浏览:616
如何查看一只股票过去的数据 浏览:870
2个visio如何合成一个文件 浏览:690
忘记wifi名和密码怎么办 浏览:460
matlab文件如何运行 浏览:394
win10中怎么样打开注册表 浏览:343
如何用文件 浏览:531
某文件系统采用索引文件结构 浏览:989
百度浏览网站总是无法显示怎么办 浏览:449
如何查oracle数据库连接数 浏览:333
qq分组5个分组青春女 浏览:826
appstore充值卡住不动 浏览:661
交通设施投标文件都有哪些 浏览:566
ug80入门教程 浏览:707

友情链接