① 如何使用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);
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、演示效果