2008年6月5日 星期四

[jquery] CheckBox 全選, 取消- 切換.

剛好有需要用到就寫出來啦~ ^.^

====javascript ====
$("#selectall").click(function() {
if ($(this).attr("value") == "全選"){
$(this).attr("value","取消");
$("input[@name='chk[]']").each(function() {
$(this).attr("checked", true);
});
}else{
$(this).attr("value","全選");
$("input[@name='chk[]']").each(function() {
$(this).attr("checked", false);
});
}
});

//新增加 取得 CheckBOX 的值.
function getCheckbox () {
var values = [];
$("input:checkbox[@name='chk[]'][@checked]").each(
function(){values.push($(this).val())
});
return values;
}
====javascript ====


====html=====

<input type="button" id="selectall" value="全選">
<input type="checkbox" id="chk[]" name="chk[]" value="">

====html=====

///////////////////////////////////////////////////////////////////
另一種寫法.

//全選
function CheckedAll(){
$(':checkbox').attr('checked','checked');
}


//全不選
function CheckedNo(){
$(':checkbox').attr('checked','');
}


//反選
function CheckedRev(){
var arr = $(':checkbox');
for(var i=0;i

【下列文章您可能也有興趣】

2 則留言:

Alex 寶哥 提到...

大大您好:
請問在getCheckbox裡,我測試後,
發現它會全部將value值顯示出來,並沒有判斷那個checkbox有被勾選?
可否請教我該如何下手呢?
謝謝!!

千江有水千江月 提到...

試試這各吧~
$(":checkbox:checked").each(
function(){ alert($(this).val());
});