首页 > 编程知识 正文

和js复选框选中样式相关的问题,js中复选框全选

时间:2023-12-27 22:27:40 阅读:326497 作者:CYJF

本文目录一览:

如何用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被选中){//把cde复选框设为不可选}//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 参数为你的表单名字

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。