jsはcheckboxの選択値とinputの後のテキストを獲得しました.
2569 ワード
jsはどのように複数のcheckboxの選択値とinputの後のテキストを獲得しますか?
//取得したものは、いずれも行列値です.
String checkbox Values=request.get Parameeter(「checbox Value」);
String checkbox Texts=request.get Parameeter(「checbox Text」);
//各具体的な値を得る
Stering check box Value=check box Values.split(');
String checkbox Text=checkbox Texts.split(");
備考:
1:nextSiblingは現在のオブジェクトを得る次のオブジェクトで、nodeValueはノードを返す値です.
2:この方法を使用すると、テキスト値がinputの後ろにあることを保証しなければならない.でなければ、checkbox Str[i].nextSibling.nodeValueはテキスト値を取得できない.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title> js checkbox input </title>
<script type="text/javascript">
function clickBjjb() {
var checkboxValue= new Array();
var checkboxText= new Array();
var checkboxStr=document.getElementsByName("bjjb");
for(var i=0; i<checkboxStr.length; i++){
if(checkboxStr[i].checked){
//alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);
checkboxValue.push(checkboxStr[i].value);
checkboxText.push(checkboxStr[i].nextSibling.nodeValue);
}
}
//
alert("checkboxValue:"+checkboxValue);
alert("checkboxText:"+checkboxText);
//
checkboxValue=checkboxValue.toString();
checkboxText=checkboxText.toString();
window.location=' Action/netWorkingUpdate?checkboxValue='+checkboxValue+"&checkboxText="+checkboxText;
}
</script>
</head>
<body>
<form id="checkboxform" method="post" action="">
<input type="checkbox" name="bjjb" value="1"> <br>
<input type="checkbox" name="bjjb" value="2"> <br>
<input type="checkbox" name="bjjb" value="3"> <br>
<input type="checkbox" name="bjjb" value="4"> <br>
<input type="checkbox" name="bjjb" value="5"> <br>
<input type="button" onclick="clickBjjb()" value=" " />
</form>
</body>
</html>
//取得したものは、いずれも行列値です.
String checkbox Values=request.get Parameeter(「checbox Value」);
String checkbox Texts=request.get Parameeter(「checbox Text」);
//各具体的な値を得る
Stering check box Value=check box Values.split(');
String checkbox Text=checkbox Texts.split(");
備考:
1:nextSiblingは現在のオブジェクトを得る次のオブジェクトで、nodeValueはノードを返す値です.
2:この方法を使用すると、テキスト値がinputの後ろにあることを保証しなければならない.でなければ、checkbox Str[i].nextSibling.nodeValueはテキスト値を取得できない.