本文目录一览:
- 1、js中怎么获取checkbox选中的值
- 2、js问题:如何获取checkbox选中值
- 3、在js中怎样获得checkbox里选中的多个值?
- 4、用Javascript怎么获取 checkbox 所选中的行的、列的值?
- 5、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表示未选中)。