導航:首頁 > 編程語言 > 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選中事件相關的資料

熱點內容
智能控制webui界面程序 瀏覽:723
臨汾哪裡有學計算機編程 瀏覽:130
qq跳過申訴修改密碼 瀏覽:462
給文件夾加密win10 瀏覽:710
哪個app可以分辨航母 瀏覽:537
哪個app是英英詞典 瀏覽:23
javavoid參數 瀏覽:829
如何讓編程具有記憶功能 瀏覽:435
javamail發送帶附件的郵件 瀏覽:173
微信分享文件到其他軟體 瀏覽:682
微信對話文件夾在哪 瀏覽:287
qq頭像歐美范街頭男生 瀏覽:321
毛孔app 瀏覽:880
照片級渲染教程 瀏覽:304
目錄中的文件夾有什麼用 瀏覽:177
車載u盤文件掃描 瀏覽:410
稻殼文檔怎樣改文件名 瀏覽:620
cad怎麼把文件存成模板 瀏覽:250
編程設計用什麼筆記本流暢 瀏覽:584
電腦突然打開文件很慢 瀏覽:501

友情鏈接