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;i<objarray;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加上同样的name属性

直接上代码：

function Lond_ckeck(objname){

obj = document.getElementsByName(objname);

checkval = [];

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value);

}

return checkval;

}

使用方法

效果

HTML代码

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function fun(){

alert(Lond_ckeck('hell'))//id)

}

</script>

</body>

</html>

如果上面出错请复制下面HTML代码：

HTML代码

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function fun(){

alert(Lond_ckeck('hell'))//id)

}

function Lond_ckeck(objname){

obj = document.getElementsByName(objname);

checkval = [];

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value);

}

return checkval;

}

</script>

</body>

</html>

注意事项：传入参数一定是name属性。

Ⅲ 如何用js读取复选框的值

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

实例演示如下：

1、HTML结构

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代码

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

Ⅳ js点击事件怎么获取checkbox的值

1、获取对象 document.getElementById()

2、根据获取的对象取得checkbox的值 document.getElementById().value;

Ⅳ js中checkbox的值怎么获取

在checkbox加上同样的name属性

直接上代码：

function Lond_ckeck(objname){

obj = document.getElementsByName(objname);

checkval = [];

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value);

}

return checkval;

}

使用方法

效果

HTML代码

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function fun(){

alert(Lond_ckeck('hell'))//id)

}

</script>

</body>

</html>

如果上面出错请复制下面HTML代码：

HTML代码

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function fun(){

alert(Lond_ckeck('hell'))//id)

}

function Lond_ckeck(objname){

obj = document.getElementsByName(objname);

checkval = [];

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value);

}

return checkval;

}

</script>

</body>

</html>

注意事项：传入参数一定是name属性。

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

利用来name属性值获取checkbox对象，然后循自环判断checked属性，true表示被选中，false表示未选中。

1、HTML结构：

二、后台获得参数为：

//获得的均为数组值：

String checboxValues=request.getParameter("checboxValue")。

String checboxTexts=request.getParameter("checboxText")。

//得到每个具体值：

String checboxValue=checboxValues.split(",")。

String checboxText=checboxTexts.split(",")。

Ⅶ 用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所取的的值

思路：先获取checkbox对象，然后循环判断每个checkbox的checked属性（true为选中，false为未选中）。示例如下：

1、HTML结构

<inputtype="checkbox"name="test"value="1"/>checkbox-1
<inputtype="checkbox"name="test"value="2"/>checkbox-2<br>
<inputtype="checkbox"name="test"value="3"/>checkbox-3
<inputtype="checkbox"name="test"value="4"/>checkbox-4<br>
<inputtype='button'value='确定'onclick="fun()"/>

2、javascript代码

functionfun(){
	varboxes=document.getElementsByTagName("input");
	varval=[]
	for(i=0;i<boxes.length;i++){
		if(boxes[i].name=="test"&&boxes[i].checked==true){
			val.push(boxes[i].value);
		}
	}
	alert(val);
}

3、效果演示

Ⅸ js获取checkbox值

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

利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。

1、HTML结构：

二、后台获得参数为：

//获得的均为数组值：

String checboxValues=request.getParameter("checboxValue")。

String checboxTexts=request.getParameter("checboxText")。

//得到每个具体值：

String checboxValue=checboxValues.split(",")。

String checboxText=checboxTexts.split(",")。

导航:首页 > 编程语言 > js取checkbox的值

js取checkbox的值

与js取checkbox的值相关的资料

友情链接