首页 > 编程知识 正文

js获取checkbox选中的元素,js获取所有checkbox

时间:2023-12-27 22:26:19 阅读:324133 作者:XCPP

本文目录一览:

js中怎么获取checkbox选中的值

js中获取checkbox选中的值的方法:

script

function checkbox()

{

var str=document.getElementsByName("box");

var objarray=str.length;

var chestr="";

for (i=0;iobjarray;i++)

{

if(str[i].checked == true)

{

chestr+=str[i].value+",";

}

}

if(chestr == "")

{

alert("请先选择一个爱好");

}

else

{

alert("先择的是:"+chestr);

}

}

/script

选择爱好:

input type="checkbox" name="box" id="box1" value="跳水" /跳水

input type="checkbox" name="box" id="box2" value="跑步" /跑步

input type="checkbox" name="box" id="box3" value="听音乐" /听音乐

input type="button" name="button" id="button" onclick="checkbox()" value="提交" /

js问题:如何获取checkbox选中值

获取checkbox中所有选中值及input后面所跟的文本;

参考代码如下:

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

titlejs/title

/head

script language="javascript"

function aa(){

var r=document.getElementsByName("r");

for(var i=0;ir.length;i++){

if(r[i].checked){

alert(r[i].value+","+r[i].nextSibling.nodeValue);

}

}

}

/script

body

form name="form1" method="post" action=""

input type="checkbox" name="r" value="1"abr

input type="checkbox" name="r" value="2"bbr

input type="checkbox" name="r" value="3"cbr

input type="checkbox" name="r" value="4"dbr

input type="checkbox" name="r" value="5"ebr

input type="checkbox" name="r" value="6"fbr

input type="checkbox" name="r" value="7"gbr

input type="checkbox" name="r" value="8"hbr

input type="checkbox" name="r" value="9"ibr

input type="checkbox" name="r" value="10"jbr

br

input type="button" onclick="aa()" value="button"

/form

/body

/html

在js中怎样获得checkbox里选中的多个值?

举个例子,比如如下是HTML的结构:

这里推荐使用jQuery库,比较方便。以下是代码:

大致思路就是:先利用name属性值获取checkbox对象,然后循环判断checked属性。(true表示被选中,false表示未选中)

具体解释一下:

首先用document.getElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。然后建一个check_val的数组,通过for循环将input标签的value值存入数组中,这样就可以获取checkbox的选中的多个值。

扩展资料:

Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 input type="checkbox" 每出现一次,Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。

参考资料:MDN—关于CheckBox属性

用Javascript怎么获取 checkbox 所选中的行的、列的值?

我想你要用到后台吧,那么就不能仅仅停留在前端了。

建议你给每一行的checkbox加一个name属性,比如

input

type='checkbox'

value='显示'

value='0'

name='ckb'

class='cls'

input

type='checkbox'

value='执行'

value='0'

name='ckb'

class='cls'

input

type='checkbox'

value='更新'

value='0'

name='ckb'

class='cls'

值默认为0,在前台,当你选中某一个时,将其值改为1,js代码,需要用jquery

$(function(){

$(".cls").click(function(){

this.value=1;

})

})

然后在后台用

Request.Form["ckb"]来接受checkbox的值,

就受到的值就例如这样

1

,0

,1

js怎么获取checkbox选中所有值

思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。

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