本文目录一览:
- 1、如何用JS控制复选框选中,element.checked
- 2、js判断复选框是否选中及选中个数
- 3、一个用JS对复选框进行控制的问题
- 4、js的问题 我想实现复选框的 全选 或者全不选的功能, 表单中有其他的表单,所以不能用getElementByName()
- 5、关于JS中复选框全部选定和全部取消的问题
如何用JS控制复选框选中,element.checked
1、定义一个checkbox节点
1
input type='checkbox' id='iptchk'/
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true,变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态
js判断复选框是否选中及选中个数
用,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示HTMLheadtitle判断复选框是否选中及选中个数/title
SCRIPT LANGUAGE="JavaScript"
function countChoices(obj) {max = 2;box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count max) {
alert("对不起,你只能选择" + max + "个!");
obj.checked = false;}}//--/scriptbodyform name="form"
你喜欢的语言是(最多两个): p
input type=checkbox name=box1 onClick="countChoices(this)"ASP.NETp
一个用JS对复选框进行控制的问题
根据楼主的描述,可以这样做的啊!首先要得到A、B、C、D、E、F六个对象,可以用document.getElementByID("A")得到对象,得到后可以用选择语句if()控制复选框。具体的代码我写不出全,但是可以给出参考。scriptfunction select(){var a=document.getElementByID("A");var b=document.getElementByID("B");var c=document.getElementByID("C");var d=document.getElementByID("D");var e=document.getElementByID("E");var f=document.getElementByID("F");//1.选A和F时其他都不可选if(a被选中f被选中){//把其他的复选框设为不可选}//2.选B时不能选C,D,Eif(b被选中){//把c\d\e复选框设为不可选}//3.选C时不能选Dif(c被选中){//把d复选框设为不可选} }/script
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中复选框全部选定和全部取消的问题
你可以写一个处理函数,你的复选框要是一个数组或有一定规律。然后启遍历这个数组或按你的规律遍历每个复选框,注意在函数外初始化一个标志变量,当他为真(或假)时遍历时都增加 checked 属性,为假(或真)时取消这个属性就是了。具体的你会了吧,自己想想。
--------------------
var flag=false;
function select_all(form)
{
flag = !flag;
for (var i=0;iform.elements.length;i++){
var e = form.elements[i];
e.checked = flag;
}
}
调用代码:a href="#" " onClick="select_all(form1)"全选/取消/a
注意:form1 参数为你的表单名字