五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > jquery/js中單個和多個checkbox 選中事件(獲取值、選中、設(shè)置值)

jquery/js中單個和多個checkbox 選中事件(獲取值、選中、設(shè)置值)

文章來源:365jz.com     點擊數(shù):7800    更新時間:2018-10-30 09:53   參與評論

jquery判斷checked的三種方法:
.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //16+:true/false
.is(':checked'); //所有版本:true/false//別忘記冒號哦

jquery賦值checked的幾種寫法:
所有的jquery版本都可以這樣賦值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4種賦值:
// $("#cb1″).prop("checked",true);//很簡單就不說了哦
// $("#cb1″).prop({checked:true}); //map鍵值對
// $("#cb1″).prop("checked",function(){
return true;//函數(shù)返回true或false
});

//記得還有這種哦:$("#cb1″).prop("checked","checked");

 

checkbox click和change事件

方法1:

$("#ischange").change(function() { 
alert("checked"); 
});

方法2:

 

$(function(){ 
if ($.browser.msie) { 
$('input:checkbox').click(function () { 
this.blur(); 
this.focus(); 
}); 
};

方法3:
$("#ischange").change(function() { 
alert("checked"); 
}); 
});

方法4:

 

$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});

方法5:

$(document).ready(function(){ 
$("testCheckbox").change(function() { 
alert("Option changed!"); 
}); 
});


實例:

html:

<div id="divId" class="divTable">
    <div class="tableBody">
        <ul >
            <li ><input type="checkbox" value="1" >選項1</li>
        </ul>
    </div>
</div>

1.獲取選中值

$("input[type='checkbox']").attr('value');//返回結(jié)果:1

2.是否選中

$("input[type='checkbox']").attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type='checkbox']").prop('checked'); //16+:true/false
$("input[type='checkbox']").is(':checked'); //所有版本:true/false

補充獲取checkbox的checked的方法
("input[type=′checkbox′]").is(′:checked′)("input[type=′checkbox′]").is(′:checked′)("#check_box").get(0).checked
$("#check_box").prop("checked")
$("#check_box").attr("checked")
document.getElementById("check_box").checked

3.設(shè)置值

所有的jquery版本都可以這樣賦值:

  $("#cb1").attr("checked","checked");
  $("#cb1").attr("checked",true);

 

jquery1.6+:prop的4種賦值:

  $("#cb1″).prop("checked","checked");
  $("#cb1″).prop("checked",true);//很簡單就不說了哦  $("#cb1″).prop({checked:true}); //map鍵值對
  $("#cb1″).prop("checked",function(){
      return true;//函數(shù)返回true或false      });



4.選中事件監(jiān)聽

$("#ischange").change(function() { 
  alert("checked"); 
});


如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答?。?點擊進入論壇

發(fā)表評論 (7800人查看0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號