本文目录一览：
- 1、js获取checkbox值
- 2、js中怎么获取checkbox选中的值
- 3、javascript中，checkbox的赋值
- 4、js中checkbox的值怎么获取？
- 5、javascript如何获取checkbox值并且计算？
js获取checkbox值
function edit()
{
var input = document.getElementsByTagName("input");
var count = 0;
var txt1=document.getElementById("txt1");
var r=document.getElementsByName("cbxItemName");
for(var i = 0; i input.length; i ++)
{
if(input[i].type == "checkbox" input[i].id.indexOf("cbxItem") != -1)
{
if (input[i].checked)
{
//这个地方是获取你选定了的的checkbox的Value
txt1.value=input[i].value;
count ++;
}
}
}
if(count == 0)
{
alert("请选择您要进行操作的数据！");
return false;
}
else if(count 1)
{
alert("请选择单条数据进行操作！");
//这个地方如果你选取的checkbox个数如果大如一 txt1.value 或被清空 所起这样就做出了单选并赋值的效果
txt1.value="";
return false;
}
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="提交" /
javascript中，checkbox的赋值
修改了，看看吧！
-------------------
div id="divF"
input type="checkbox" value="2" onclick="showAndCount(this,1)" span id="Tips1" 0/spanbr/
input type="checkbox" value="3" onclick="showAndCount(this,2)" span id="Tips2" 0/spanbr/
input type="checkbox" value="4" onclick="showAndCount(this,3)" span id="Tips3" 0/spanbr/
input type="checkbox" value="2.5" onclick="showAndCount(this,4)" span id="Tips4" 0/spanbr/
input type="checkbox" value="1.3" onclick="showAndCount(this,5)" span id="Tips5" 0/spanbr/
span总数：b id="bCount"/b/span
/div
script
function showAndCount(chk,idx)
{
var Count =0
document.getElementById("Tips"+idx).innerHTML= (chk.checked?1:0 ) * parseFloat( chk.value ) ;
var chks = document.getElementById("divF").getElementsByTagName("INPUT")
for(var i=0;ichks.length;i++)Count += ( chks[i].checked?1:0 ) * parseFloat( chks[i].value ) ;
document.getElementById("bCount").innerHTML = Count
}
/script
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属性。
javascript如何获取checkbox值并且计算？
有两种方法：
1、方法一HTML结构如下：
2、方法二javascript代码如下：
3、显示效果如下：
js获得多个checkbox选中的值的方法：
一、代码如下：
二、后台获得参数为：
//获得的均为数组值：
String checboxValues=request.getParameter("checboxValue");
String checboxTexts=request.getParameter("checboxText");
//得到每个具体值：
String checboxValue=checboxValues.split(",");
String checboxText=checboxTexts.split(",");
三、备注：
nextSibling是获得当前对象的下一个对象，nodeValue是返回一个节点的值
使用该方法必须保证文本值在input后面，否则checkboxStr[i].nextSibling.nodeValue获取不到文本值。
具体如下：%!int i = 1;%
c:forEach var="s" items="${requestScope.kaoshi.opt}"
td align="right" valign="top" width="52"
span class="style5"/span
input type="checkbox" name="opt" value="%=i%" /
/td
td
${s}
br
hr width="95%" align="left"
/td
%
i++;
%
/tr
/c:forEach
然后将其中选中的值加入：
onclick="javascript:window.location='%=request.getContextPath()%/exam/next.do?opt=？？？'"