欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 頁面全選框?qū)嵺`代碼

 更新時(shí)間:2010年04月02日 22:25:11   作者:  
頁面中經(jīng)常遇到與全選相關(guān)的操作,利用jquery集成了一下,主要為了方便使用吧~
復(fù)制代碼 代碼如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>全選</title>
</head>
<body>
<div>demo
<input type="button" onclick="alert(ob.checkedIds());" value="選中ID"/>
<input type="button" onclick="alert(ob.checkedTexts());" value="選中值"/>
<input type="button" onclick="alert(ob.checkedKeys('value1'));" value="選中屬性值"/>
</div>
<table class="infor">
<tr>
<th><input name="allcheck" id="allcheck1" type="checkbox" value="1"/>
全選</th>
</tr><tr>
<td><input name="record" type="checkbox" value="1" value1="11"/>去
</td></tr><tr>
<td><input name="record" type="checkbox" value="2" value1="22"/>啊
</td></tr><tr>
<td><input name="record" type="checkbox" value="3" value1="33"/>我
</td></tr><tr>
<td><input name="record" type="checkbox" value="4" value1="44"/>餓
</td></tr>
</table>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
//http://www.cnblogs.com/libsource
(function($){
$.allcheck=function(options){
_defaults = {
allcheckid:"allcheck",
checkboxname:'record'
};
o = $.extend(_defaults,options);
_allck=$("#"+o.allcheckid);
_tbl=_allck.parents("table");
//返回所有選中checkbox的id集合
checkedIds=function () {
var ids = "";
$("input[name=" + o.checkboxname + "]").each(function() {
if ($(this).attr("checked"))
ids += $(this).val() + ",";
});
return ids.replace(/,$/,'');
}
//返回所有選中checkbox的key屬性集合
checkedKeys=function (key) {
var ids = "";
$("input[name=" + o.checkboxname + "]").each(function() {
if ($(this).attr("checked"))
ids += $(this).attr(key) + ",";
});
return ids.replace(/,$/,'');
}
//返回所有選中checkbox的文本集合
checkedTexts=function () {
var txts = "";
$("input[name=" + o.checkboxname + "]").each(function() {
if ($(this).attr("checked"))
txts += gtrim($(this).parent().text()) + ",";
});
return txts.replace(/,$/,'');
}
gtrim=function (txt) {
return txt.replace(/(^\s*)|(\s*$)/g, "");
}
//設(shè)置所有選中checkbox的id集合
setCheckedIds=function (checkids) {
checkids = ","+checkids+",";
$("input[name=" + o.checkboxname + "]").each(function() {
if (checkids.match(","+$(this).val()+","))
$(this).attr("checked","checked");
});
}
//檢查所有checkbox是否全選
_checkAll=function () {
if (this.checked && $("input:checkbox:not([checked]):not(#" + o.allcheckid + ")", _tbl).length == 0)
_allck[0].checked = true;
else
_allck[0].checked = false;
}

//全選checkbox狀態(tài)
_setAllChecked=function () {
if (!this.checked)
$("input:checkbox", _tbl).removeAttr("checked");
else
$("input:checkbox", _tbl).not(this).attr("checked", "checked");
}
_allck.click(_setAllChecked);
$("input:checkbox[name="+o.checkboxname+"]").each(function(){$(this).click(_checkAll);});
return {checkedIds:checkedIds,checkedKeys:checkedKeys,checkedTexts:checkedTexts,setCheckedIds:setCheckedIds};
};
})(jQuery);
</script>
<script type="text/javascript">
var ob=$.allcheck({allcheckid:'allcheck1'});
//設(shè)置選項(xiàng)allcheckid checkboxname
//取返回值可以調(diào)用checkedIds,checkedKeys,checkedTexts
</script>
</body>
</html>

相關(guān)文章

  • jQuery中parent()方法用法實(shí)例

    jQuery中parent()方法用法實(shí)例

    這篇文章主要介紹了jQuery中parent()方法用法,實(shí)例分析了parent()方法的功能、定義及取得緊鄰父元素的使用技巧,需要的朋友可以參考下
    2015-01-01
  • JQUERY操作JSON實(shí)例代碼

    JQUERY操作JSON實(shí)例代碼

    通過這篇文章你可以得到以下收獲JQUERY操作JSON的一些實(shí)現(xiàn)方法。
    2010-02-02
  • jquery UI Datepicker時(shí)間控件的使用及問題解決

    jquery UI Datepicker時(shí)間控件的使用及問題解決

    這篇文章主要介紹了jquery UI Datepicker時(shí)間控件的使用及與asp.net中的UpdatePanel聯(lián)合使用時(shí)的失效問題解決,感興趣的小伙伴們可以參考一下
    2016-04-04
  • Jquery Ajax的Get方式時(shí)需要注意URL地方

    Jquery Ajax的Get方式時(shí)需要注意URL地方

    我們要時(shí)刻注意瀏覽器緩存, 當(dāng)使用GET方式時(shí)要添加時(shí)間戳參數(shù) (net Date()).getTime() 來保證每次發(fā)送的URL不同, 可以避免瀏覽器緩存.
    2011-04-04
  • jQuery取得元素標(biāo)簽名稱小結(jié)(附代碼)

    jQuery取得元素標(biāo)簽名稱小結(jié)(附代碼)

    這篇文章主要介紹了 jquery如何取得元素標(biāo)簽名稱,將html和js代碼附上,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。
    2017-08-08
  • jQuery 性能優(yōu)化指南(2)

    jQuery 性能優(yōu)化指南(2)

    對(duì)直接的DOM操作進(jìn)行限制
    2009-05-05
  • jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)效果

    jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)效果

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • JQuery EasyUI的一些常用組件

    JQuery EasyUI的一些常用組件

    jQuery EasyUI 是一個(gè)基于 jQuery 的框架,集成了各種用戶界面插件,該框架提供了創(chuàng)建網(wǎng)頁所需的一切,幫助您輕松建立站點(diǎn)。本文給大家介紹JQuery EasyUI的一些常用組件,感興趣的的朋友一起學(xué)習(xí)吧
    2017-07-07
  • jQuery判斷對(duì)象是否存在的方法整理

    jQuery判斷對(duì)象是否存在的方法整理

    這篇文章主要介紹了jQuery判斷對(duì)象是否存在的方法,對(duì)比分析了純javascript與jQuery實(shí)現(xiàn)判斷對(duì)象是否存在的功能區(qū)別,是非常實(shí)用的技巧,需要的朋友可以參考下
    2015-02-02
  • Jquery下attr和removeAttr的使用方法

    Jquery下attr和removeAttr的使用方法

    jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。
    2010-12-12

最新評(píng)論