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的值相關的資料

友情鏈接