js对checkbox赋值与取值的简单介绍

本文目录一览：

• 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=？？？'”