jQuery實現(xiàn)復選框成對選擇及對應取消的方法
更新時間：2015年03月03日 15:59:44 作者：代碼家園
這篇文章主要介紹了jQuery實現(xiàn)復選框成對選擇及對應取消的方法,實例分析了jQuery中change方法的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)復選框成對選擇及對應取消的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery實現(xiàn)復選框成對選擇，對應取消功能</title>
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
<script>
$(function(){
var classA = $(".classA");
classA.change(function(){
classA.attr("checked",Boolean($(this).attr("checked")));
})
var classB = $(".classB");
classB.change(function(){
classB.attr("checked",Boolean($(this).attr("checked")));
})
})
</script>
</head>
<body>
<p>A組</p>
<input type="checkbox" class="classA">
<input type="checkbox" class="classA">
<p>B組</p>
<input type="checkbox" class="classB">
<input type="checkbox" class="classB">
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery實現(xiàn)復選框成對選擇，對應取消功能</title>
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
<script>
$(function(){
var classA = $(".classA");
classA.change(function(){
classA.attr("checked",Boolean($(this).attr("checked")));
})
var classB = $(".classB");
classB.change(function(){
classB.attr("checked",Boolean($(this).attr("checked")));
})
})
</script>
</head>
<body>
<p>A組</p>
<input type="checkbox" class="classA">
<input type="checkbox" class="classA">
<p>B組</p>
<input type="checkbox" class="classB">
<input type="checkbox" class="classB">
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
可見性過濾選擇器對于dom中隱藏的一些元素還是比較實用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
基于MVC+EasyUI的web開發(fā)框架之使用云打印控件C-Lodop打印頁面或套打報關(guān)運單信息
這篇文章主要介紹了基于MVC+EasyUI的web開發(fā)框架之使用云打印控件C-Lodop打印頁面或套打報關(guān)運單信息的相關(guān)資料,非常不錯，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery實現(xiàn)的簡單拖動層,可實現(xiàn)響應鼠標拖動div層及動態(tài)顯示坐標值的功能,涉及jQuery鼠標響應及頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中，jqgrid的特點是非常鮮明的，所以jqgrid表格插件用處非常廣泛，本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)，需要的朋友參考下2015-12-12
今天給大家分享一個基于jquery實現(xiàn)的簡單驗證碼功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-06-06
本章內(nèi)容比較簡單，所以說明也比較少，有疑問也以跟帖或私聊2009-07-07
jQuery實現(xiàn)Select下拉列表進行狀態(tài)選擇功能
本文主要介紹了jQuery實現(xiàn)Select下拉列表進行狀態(tài)選擇功能的代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了iframe中使用jquery進行查找的方法,結(jié)合實際案例形式較為詳細的分析了jQuery結(jié)合iframe查找的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
基于jQuery對象和DOM對象和字符串之間的轉(zhuǎn)化實例
下面小編就為大家?guī)硪黄趈Query對象和DOM對象和字符串之間的轉(zhuǎn)化實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02