導航:首頁 > 編程語言 > jscheckbox選中事件

jscheckbox選中事件

發布時間:2025-05-02 23:37:44

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

閱讀全文

與jscheckbox選中事件相關的資料

熱點內容
採集器怎麼採集淘寶數據 瀏覽:706
word如何一次保存多個文件 瀏覽:266
光遇國際服網路錯誤怎麼解決 瀏覽:648
塞班qq影音1 瀏覽:617
word文本框工具 瀏覽:781
如何編寫簡單的編程 瀏覽:253
蘋果描述文件怎麼打開 瀏覽:70
lol內部語音文件夾 瀏覽:177
魔趣忘記鎖屏密碼 瀏覽:690
ps大文件怎麼轉成pdf 瀏覽:917
lolS3是刺客版本s4法坦 瀏覽:623
美版蘋果6s顏色有幾種 瀏覽:368
ado操作excel文件數據 瀏覽:3
win10系統刪不掉文件 瀏覽:770
lol最新61版本 瀏覽:242
什麼叫通訊大數據出行卡 瀏覽:68
什麼是創新編程教育 瀏覽:712
模具cnc編程入門先學什麼 瀏覽:606
ug線切割編程如何顯示毛坯 瀏覽:349
葫蘆俠java版下載 瀏覽:989

友情鏈接