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(",")。

㈡ 求javascript checkbox 選中事件代碼

首先通過getElementById或其它方式獲得這些對象obj，然後判斷obj.checked = true或false就可以了。

例:

<input id='bigclassauthorize' type='checkbox' onclick='testClickBigCheckBox()'/>

<input id='smallclassauthorize1' type='checkbox'/>

<input id='smallclassauthorize2' type='checkbox'/>

....

function testClickBigCheckBox(){

var big = document.getElementById('bigclassauthorize');

var small1 = document.getElementById('smallclassauthorize1');

var small2 = document.getElementById('smallclassauthorize2');

if(big.checked == true){

small1.checked = true;

small2.checked = true;

}else{

small1.checked = false;

small2.checked = false;

}

}

代碼可以精簡或者封裝,這里只是簡單的描述一下基本做法，以上是大項被選中的事件處理，小項的原理差不多。

(2)js保持checkbox選中翻頁擴展閱讀：

思路：獲取checkbox對象，根據value屬性設置checkbox的checked屬性（true為選中，false為取消選中）。下面實例演示——根據文本框的制定值設置復選框的選中項：

1、HTML結構

<input name="test" type="checkbox" value="1" />item-1

<input name="test" type="checkbox" value="2" />item-2

<input name="test" type="checkbox" value="3" />item-3<br>

<input name="test" type="checkbox" value="4" />item-4

<input name="test" type="checkbox" value="5" />item-5<br>

<input type="text" id="val"><input type="button" value="確定" onclick="fun()">

2、javascript代碼

function fun(){

var val = document.getElementById("val").value.split(",");

var boxes = document.getElementsByName("test");

for(i=0;i<boxes.length;i++){

for(j=0;j<val.length;j++){

if(boxes[i].value == val[j]){

boxes[i].checked = true;

break

}

}

}

}

㈢ JS 怎麼控制 checkbox 選中

思路：獲取checkbox對象，根據value屬性設置checkbox的checked屬性（true為選中，false為取消選中）。下面實例演示——根據文本框的制定值設置復選框的選中項：

1、HTML結構

<inputname="test"type="checkbox"value="1"/>item-1
<inputname="test"type="checkbox"value="2"/>item-2
<inputname="test"type="checkbox"value="3"/>item-3<br>
<inputname="test"type="checkbox"value="4"/>item-4
<inputname="test"type="checkbox"value="5"/>item-5<br>
<inputtype="text"id="val"><inputtype="button"value="確定"onclick="fun()">

2、javascript代碼

functionfun(){
	varval=document.getElementById("val").value.split(",");
	varboxes=document.getElementsByName("test");
	for(i=0;i<boxes.length;i++){
		for(j=0;j<val.length;j++){
			if(boxes[i].value==val[j]){
				boxes[i].checked=true;
				break
			}
		}
	}
}

3、效果演示

㈣ 如何通過js實現勾選復選框

js勾選復選框來示例i：源

//獲取頁面所有checkbox（checkbox的name設置一致）
varitems=document.getElementByName("checkbox的name");
//遍歷checkbox
for(vari=0;i<items.length;i++){
//當前checkbox實現勾選
items[i].checked=true;
}

㈤ js實現checkbox全選、不選與反選的方法

本文實例講述了js實現checkbox全選、不選與反選的方法。分享給大家供大家參考。具體分析如下：
一、思路：
1.
獲取元素
2.
給全選
不選
反選添加點擊事件
3.
用for循環checkbox
4.
把checkbox的checked設置為true即實現全選
5.
把checkbox的checked設置為false即實現不選
6.
通過if判斷，如果checked為true選中狀態的，就把checked設為false不選狀態，如果checked為false不選狀態的，就把checked設為true選中狀態。
二、html代碼：
<input
type="button"
value="全選"
id="sele"/>
<input
type="button"
value="不選"
id="setinterval"/>
<input
type="button"
value="反選"
id="clear"/>
<div
id="checkboxs">
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
</div>
三、js代碼：
<script>
window.onload=function(){
var
sele=document.getElementById('sele');//獲取全選
var
unsele=document.getElementById('setinterval');//獲取不選
var
clear=document.getElementById('clear');//獲取反選
var
checkbox=document.getElementById('checkboxs');//獲取div
var
checked=checkbox.getElementsByTagName('input');//獲取div下的input
//全選
sele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=true
}
}
//不選
unsele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=false
}
}
//反選
clear.onclick=function(){
for(i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false
}
else{
checked[i].checked=true
}
}
}
}
</script>
希望本文所述對大家的javascript程序設計有所幫助。

㈥ js代碼里 多選框 如何寫成選中狀態

獲取到checkbox元素後，設置其checked屬性為true或false來改變其選中狀態。

<html>
<head>
<script type="text/javascript">
function check()
{
//根據ID獲取checkbox元素專 設置其checked屬性屬為true 選中

document.getElementById("myCheck").checked=true;
}

function uncheck()
{
//根據ID獲取checkbox元素 設置其checked屬性為false 取消選中

document.getElementById("myCheck").checked=false
}
</script>
</head>

<body>
<form>
<input type="checkbox" id="myCheck" />
<input type="button" onclick="check()" value="選定復選框" />
<input type="button" onclick="uncheck()" value="取消選定復選框" />
</form>
</body>

</html>