⑴ checkbox的單擊事件沒有反應,選中任意復選框,其他兩個復選框就取消選中,但是為什麼js沒有反應
因為你這從邏輯上來說是有沖突的,比如說當checkbox1選中時,你再點擊checkbox2想讓它選中(checkbox1和checkbox3則取消選中),這時程序執行到第一個if判斷,由於checkbox1是選中的,因此checkbox2和checkbox3就會被取消選中(即使checkbox2被點擊的瞬間是選中的),那麼後面的第二個和第三個if判斷就無論如何也不會執行了。
其實你改用單選框不就好了嗎?連一行代碼都不用寫。復選框顧名思義就是用來多選的,強制讓它單選簡直是反人類啊。
如果非要用復選框,那就這樣:
<script type="text/javascript">
function check_count(id,me){
var checkbox1=document.getElementById("bzy1_"+id);
var checkbox2=document.getElementById("bzy2_"+id);
var checkbox3=document.getElementById("shy_"+id);
if(me.checked){
checkbox1.checked=checkbox1==me;
checkbox2.checked=checkbox2==me;
checkbox3.checked=checkbox3==me;
}
}
</script>
然後調用的時候要這樣:
onclick="check_count('a',this);"
⑵ js如何判斷checkbox是否選中js怎麼判斷checkbox是否選中
如何js驗證復選框是否被選中
建議取標簽名:<輸入類型=myCheckBox//循環數組,輸出選中按鈕的值for(varI=0;我選中的是」。chkArray[i]。值);}}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就是非同步調用,非同步與後台的交互。
⑶ js如何實現選中checkbox時,其他元素都非活性
1、首先,給需要控制的元素添加一個類名,比如disabled。
2、給checkbox添加一個onchange事件監聽器。
3、在事件處理函數中,獲取到需要控制的元素,遍歷它們,將它們的disabled屬性設置為與checkbox狀態相反的值。
⑷ 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中怎麼獲取checkbox選中的值
有兩種方抄法:
1、方法一HTML結構如下:
⑹ 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里選中的多個值
利用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(",")。