jQuery操作checkbox選擇程式碼
<
head
runat="server">
<
title
></
title
>
<
script
class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="Scripts/jquery-1.7.min.js" type="text/javascript"></
script
>
<
script
type="text/javascript">
$(function () {
// 全選
$("#btnCheckAll").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", true);
});
// 全不選
$("#btnCheckNone").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", false);
});
// 反選
$("#btnCheckReverse").bind("click", function () {
$("[name = chkItem]:checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
// 全不選
$("#btnSubmit").bind("click", function () {
var result = new Array();
$("[name = chkItem]:checkbox").each(function () {
if ($(this).is(":checked")) {
result.push($(this).attr("value"));
}
});
alert(result.join(","));
});
});
</
script
>
</
head
>
<
body
>
<
div
>
<
input
name="chkItem" type="checkbox" value="分類一" />分類一
<
input
name="chkItem" type="checkbox" value="分類二" />分類二
<
input
name="chkItem" type="checkbox" value="分類三" />分類三
<
input
name="chkItem" type="checkbox" value="分類四" />分類四
<
input
name="chkItem" type="checkbox" value="分類五" />分類五
<
input
name="chkItem" type="checkbox" value="分類六" />分類六
</
div
>
<
div
>
<
input
id="btnCheckAll" type="button" value="全選" />
<
input
id="btnCheckNone" type="button" value="全不選" />
<
input
id="btnCheckReverse" type="button" value="反選" />
<
input
id="btnSubmit" type="button" value="提交" />
</
div
>
</
body
>
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1806/viewspace-2815871/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 【常用jQuery程式碼段】checkbox全選/反選jQuery
- jQuery程式碼優化:選擇符篇jQuery優化
- jQuery 操作checkbox翻頁儲存選中狀態jQuery
- jQuery的基礎操作——選擇器jQuery
- jQuery操作單選按鈕程式碼示例jQuery
- jQuery操作select下拉選單程式碼jQuery
- jQuery操作select下拉選單常用程式碼jQuery
- jQuery選擇器 標籤選擇元素+css簡單新增移除操作jQueryCSS
- 關於JQuery操作checkbox問題jQuery
- jQuery checkbox核取方塊操作jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- jQuery 實現checkBox全選效果jQuery
- jquery獲取checkbox是否選中jQuery
- jQuery原始碼剖析 (二) - 選擇器jQuery原始碼
- jQuery選擇器——基本選擇器jQuery
- 點選文字框彈出可供選擇的checkbox核取方塊程式碼例項
- jQuery選擇器jQuery
- jQuery 選擇器jQuery
- Jquery 日期選擇jQuery
- jQuery選擇器——層次選擇器jQuery
- jQuery 原始碼學習 (六) 選擇器jQuery原始碼
- checkbox 核取方塊全選程式碼
- login介面 checkbox選擇顯示或者隱藏密碼密碼
- jQuery表單操作程式碼jQuery
- jQuery的radio,checkbox,select操作jQuery
- jquery 設定checkbox選中 和獲取選中值jQuery
- jQuery選擇器之層次選擇器jQuery
- jQuery選擇器——基本過濾選擇器jQuery
- checkbox全選和取消全選完整程式碼例項
- 如何選擇jquery版本jQuery
- jQuery選擇器(下)jQuery
- jQuery 選擇器效率jQuery
- Jquery的選擇器jQuery
- jQuery :last選擇器jQueryAST
- jQuery .class選擇器jQuery
- jQuery element選擇器jQuery
- jQuery #id選擇器jQuery
- [JS] jQuery選擇器JSjQuery