您的位置:

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

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

更新:

本文目录一览:

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表示未选中)。

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

本文目录一览: 1、js中怎么获取checkbox选中的值 2、js问题:如何获取checkbox选中值 3、在js中怎样获得checkbox里选中的多个值? 4、用Javascript怎么获取 ch

2023-12-08
包含js获取选中checkbox时的词条

本文目录一览: 1、在js中怎样获得checkbox里选中的多个值? 2、js中怎么获取checkbox选中的值 3、JS中怎么获取checkbox选中的值? 在js中怎样获得checkbox里选中的

2023-12-08
js所有的checkbox默认选中的简单介绍

本文目录一览: 1、求教,怎么实现当checkbox的复选框全部选中时,全选框自动选中 2、怎样用JS实现CHECKBOX 为全选 3、在javascript中如何设置多个checkbox为默认选中

2023-12-08
js的checkbox属性的全选,checkbox js判断

本文目录一览: 1、js中如何实现多个复选框全选 2、js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消 3、怎样用JS实现CHECKBOX 为全选 4、Jque

2023-12-08
layui获取checkbox选中值详解

2023-05-20
js动态添加checkbox标签,js的checkbox

本文目录一览: 1、ajax怎么获取js动态添加的标签的值 2、如何用js动态生成checkboxList 3、js 这里的复选框是怎么加上去的? 4、用Javascript动态创建CheckBox

2023-12-08
如何使用JS获取Checkbox是否选中

2023-05-16
js对checkbox赋值与取值的简单介绍

2022-11-16
JS获取表单数据详解

2023-05-19
JS多选框选中与取消解析

2023-05-18
js层级checkbox,js层级对象遍历

本文目录一览: 1、如何用js 给checkbox 2、js如何实现复选框的多级联动 3、js中怎么获取checkbox选中的值 如何用js 给checkbox 思路:获取checkbox对象,根据v

2023-12-08
和js复选框选中样式相关的问题,js中复选框全选

本文目录一览: 1、如何用JS控制复选框选中,element.checked 2、js判断复选框是否选中及选中个数 3、一个用JS对复选框进行控制的问题 4、js的问题 我想实现复选框的 全选 或者全

2023-12-08
判断checkbox是否选中的多个方法

2023-05-19
JS如何判断checkbox是否选中

2023-05-20
关于js识别checkbox的信息

本文目录一览: 1、javascript 怎么判断checkbox是否选中 2、js 判断 checkbox 3、在js中怎么获取checkbox javascript 怎么判断checkbox是否选

2023-12-08
JS判断复选框是否选中

2023-05-18
jQuery应用实例-获取checkbox选中状态

2023-05-17
Layui Checkbox选中触发事件详解

2023-05-16
js选中事件,js下拉框选中事件

2023-01-03
js选中事件,js选择框改变事件

2023-01-07