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>

<title></title>

<script type="text/javascript" src='js/Lond.js'></script>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

function fun(){

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

}

</script>

</body>

</html>

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

HTML代码

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

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属性。

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-03
因为checkbox编译成html后是以这种形式存在的
编译前:<asp:CheckBox ID="chk1" runat="server" Text="11" />/*asp.net 为列*/
编译后:<input id="chk1" type="checkbox" name="CheckBox1" /><label for="chk1">11</label>
所以想通过.value获得文本值显然是不可能的了。可以通过下面的方法:
var chk_value=document.getElementById("chk1").nextSibling.innerText;

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

在js中怎样获得checkbox里选中的多个值?
利用name属性值获取checkbox对象,然后循环判断checked属性,true表示被选中,false表示未选中。1、HTML结构:2、javascript代码:3、演示效果:

javascript如何获取checkbox值并且计算?
1、方法一HTML结构如下:2、方法二javascript代码如下:3、显示效果如下:js获得多个checkbox选中的值的方法:一、代码如下:二、后台获得参数为:\/\/获得的均为数组值:String checboxValues=request.getParameter("checboxValue");String checboxTexts=request.getParameter("checboxText");\/\/得到每个具体值:S...

js中怎么获取checkbox选中的值
js中获取checkbox选中的值的方法: 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("请先选择一个爱...

在js中怎样获得checkbox里选中的多个值?
大致思路就是:先利用name属性值获取checkbox对象,然后循环判断checked属性。(true表示被选中,false表示未选中)具体解释一下:首先用document.getElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。然后建一个check_val的数组,通过for循环将input标签的value值存入...

js中text、combobox的值都可以用.value获取,checkbox的值怎么获取?
value是一样可以用.value取的。value值就是 value="1" 中的1.但是一般除了这个值以外,我们先要关注的都是这个checkbox是不是选中了。document.getElementById("xxx1").checked 判断这个值是否是true。

JSP中如何获取radio 或checkbox的值
1、首先新建一个html文件,命名为test.html,在test.html文件内,在p标签内,使用input标签创建三个checkbox选项用于测试。2、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得checkbox选中数量”。3、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getnum()...

如何用js读取复选框的值?
思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。实例演示如下:1、HTML结构 123452、javascript代码 function fun(){ obj =

js中checkbox 组改变前和改变后的checked值如何获取
'myCkx');\/\/ 获取页面中id为myCkx的checkboxalert(myCkx.checked); \/\/ 显示checkbox的选中状态myCkx.checked='checked'; \/\/ 设置checkbox为选中状态alert(myCkx.checked); \/\/ 检查checkbox的选中状态

JSP中如何获取checkbox的状态(选中或非选中)?
(2)同一个页面中用js获取checkbox是否选中:document.getElementById("checkboxId").checked (3)jsp中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。在Servlet(jsp)中用 String[] chk = request.getParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值,...

相似回答
大家正在搜