checkboxjs判斷

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、效果演示

2. 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程序設計有所幫助。

3. js如何判斷checkbox是否選中js怎麼判斷checkbox是否選中

如何js驗證復選框是否被選中

JS中的checked是什麼意思？

首先JS中的checked是inputtype="checkbox">和inputtype="radio">的一種屬性，表示該項是不是被選擇了。

它是有兩種定義方式的分別是：一、在input標簽中定義：

1.inputtype="checkbox"checked=true>表示該項被選擇。2.inputtype="checkbox">表示該項不被選擇。

注意：如果是不被選擇就不用寫checked屬性了。如果你寫了，不管checked的值是什麼，都是被選擇。原因：html是一種寬松的標記語言，會忽略你的checked=false中的false，所以結果還是被選中。

二、在載入的javascript中設置：

1.objs.checked=true的意思就是該input元素的checked的值是true，就是該input被選中。2.objs.checked=false的意思就是該input元素的checked的值是false，就是該input不被選中。你那個既然把所有的input元素都遍歷了一遍，然後又都給了true值，也就是全選了。

怎麼獲取checkbox選中狀態方法？

（1）input的checked是一個html屬性，checked的值沒有意義，只不過各個版本對HTML的屬性值寫法規定不同才有了checked=value這種寫法，只要有checked就表示頁面在載入的時候checkbox被選中，沒有寫就頁面載入的時候checkbox就不被選中。

（2）同一個頁面中用js獲取checkbox是否選中：document.getElementById(checkboxId).checked（3）jsp中在提交時，瀏覽器會把選中的CheckBox的Value值，添加到一個String數組當中。

在Servlet（jsp）中用Stringchk=request.getParameterValues(CheckBox的名字);就能可到所有被選擇的CheckBox值，如果沒有選擇則數組：chk為null。自己測試下就知道了

asp怎麼設置復選框？

1.InStr(）start可選參數。為數值表達式，設置每次搜索的起點。如果省略，將從第一個字元的位置開始。如果start包含Null，將發生錯誤。如果指定了compare參數，則一定要有start參數。

2.string1必要參數。接受搜索的字元串表達式。string2必要參數。被搜索的字元串表達式。Compare可選參數。指定字元串比較。如果compare是Null，將發生錯誤。如果省略compare，OptionCompare的設置將決定比較的類型。

3.compare參數設置為：常數值vbUseCompareOption-1說明：使用OptionCompare語句設置執行一個比較。

4.vbBinaryCompare0，說明：執行一個二進制比較。vbTextCompare1說明：執行一個按照原文的比較。vbDatabaseCompare2說明：僅適用於MicrosoftAccess，執行一個基於資料庫中信息的比較。

5.ASP代碼運行結果是html代碼，不存在說用asp為勾選篩選框，這個勾選復選框就是用JS代碼+HTML實現。

6.先判斷該行是否被選中，選中的話，就將這條數據添加到一個數組中去，然後將這個數組數據一條一條的讀出來並插入到資料庫中。

js怎麼實現全選和取消全選的功能？

主要需要完成的功能有兩個：

1.選擇上面的全選按鈕之後下面的按鈕全部被選中，取消全部的按鈕就取消全選。

2.每次點擊下面按鈕就去檢查是不是所有的按鈕都選中了,要是所有的按鈕都選中了把最上面的全選按鈕就要選中,要是有一個沒選中上面全選按鈕就不選中。

實現思路：

1.針對第一個功能，可以採用一個flag變數來判斷，設置初始值為0也就是全選按鈕不選中，然後點擊全選按鈕判斷，判斷flag是否為0，如果為0就把所有的下面按鈕選中，同時把flag變為1，如果flag為1，則把下面的按鈕的checked都變為false，同時把flag變為0。

2.針對第二個功能就要相對復雜一點。給下面的按鈕添加循環點擊事件，然後把temp變數設為true，然後再循環判斷是不是所有按鈕的checked都為true，如果有一個為false就把temp變為false，最後把temp的值賦給全選按鈕的checked。

js如何非同步獲取checkbox的值？

通過ajax衣服掉用來獲取checkbox的值，ajax就是非同步調用，非同步與後台的交互。

4. js判斷checkbox是否被選中

<input type="checkbox" name="test" />

<script>
function check() {
alert(document.getElementsByName('test')[0].checked ? '選中' :『沒有選中』)
}
</script>

5. 如何用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、演示效果

6. js獲取多選框被選中的值(js獲取選中的單選按鈕)

利用name屬性值獲取checkbox對象，然後循環判斷checked屬性，true表示被選中，false表示未選中。

首先用document.getElementsByName()這個方法，通過input標簽的name屬性將input元素獲取，並存進obj這個變數值中。然後建一個check_val的數組，通過for循環將input標簽的value值存入數組中，這樣就可以獲取checkbox的選中的多個值。

JS獲取多選框checkbox被選中的個數。varcheckbox=document.getElementsByName(likes[])；//此處通過此種方式才能獲得多選框為數組。

思路：根據name值獲取復選框對象→循環判斷復選框的checked屬性（true表示選中，false為未選中）→計數。

思路：首先利用name屬性值獲取checkbox對象，然後循環判斷checked屬性：如果為true表示被選中，false則表示未選中。