星期日, 2月 07, 2010

[jQuery API] checkbox 控制記錄

老兄別再忘記這麼常用的東西了呀XD


如何透過jQuery選取所有的checkbox

$(document).ready(function(){
    $("#btnSelAll").click(function(){
        //alert('alert');
        $("input[type=checkbox]").attr("checked","checked");
    });
    $("#btnCancelAll").click(function(){
        $("input[type=checkbox]").attr("checked","");
    });
});

2012/09/11修正,應該改為true與false
  $("input[type=checkbox]").attr("checked",true);
  $("input[type=checkbox]").attr("checked",false);


如果元件為 disabled,反正也可置換成enabled
$("input:disabled[type=checkbox]").each(function(i,obj){
       ....
        });

取得checked的狀態

var currentCheck = $(this).attr("checked");

if(currentCheck == "checked"){
//check all

}
if(typeof(currentCheck) == 'undefined'){
//uncheck all

}

取得已選取checked狀態的checkbox


var $selectedCBs = $("#container").find("input:checked")

取得未選取checked狀態的checkbox
var $selectedCBs = $("#container").find("input:not(:checked)")

沒有留言:

張貼留言

留個話吧:)

其他你感興趣的文章

Related Posts with Thumbnails