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