jQuery實(shí)現(xiàn)復(fù)選框成對選擇及對應(yīng)取消的方法
更新時間：2015年03月03日 15:59:44 作者：代碼家園
這篇文章主要介紹了jQuery實(shí)現(xiàn)復(fù)選框成對選擇及對應(yīng)取消的方法,實(shí)例分析了jQuery中change方法的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)復(fù)選框成對選擇及對應(yīng)取消的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!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實(shí)現(xiàn)復(fù)選框成對選擇，對應(yīng)取消功能</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實(shí)現(xiàn)復(fù)選框成對選擇，對應(yīng)取消功能</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)文章
Jquery+Ajax+xml實(shí)現(xiàn)中國地區(qū)選擇三級聯(lián)動菜單效果(推薦)
下面小編就為大家?guī)硪黄狫query+Ajax+xml實(shí)現(xiàn)中國地區(qū)選擇三級聯(lián)動菜單效果(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了JQuery包裹DOM節(jié)點(diǎn)的方法,實(shí)例分析了wrap與wrapAll方法實(shí)現(xiàn)包裹DOM節(jié)點(diǎn)的技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2015-06-06
基于jquery實(shí)現(xiàn)滾輪放大縮小圖片的函數(shù)代碼
這篇文章主要介紹了基于jquery實(shí)現(xiàn)滾輪放大縮小圖片的函數(shù)代碼,需要的朋友可以參考下2023-05-05
JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
用到JQuery UI的DatePicker時，發(fā)現(xiàn)如果頁面有其他z-index比較大的控件，datepicker就會被遮住而不能操作。2010-09-09
jquery text(),val(),html()方法區(qū)別總結(jié)
jquery text(),val(),html()方法區(qū)別總結(jié)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jQuery對checkbox 復(fù)選框的全選全不選反選的操作
這篇文章主要介紹了jQuery對checkbox 復(fù)選框的全選全不選反選的操作 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
jquery 最簡單的屬性菜單實(shí)現(xiàn)代碼，推薦大家看下。2009-10-10
今天遇到了獲取文字寬度的問題，在網(wǎng)上找到了不錯的方法并成功使用到了項(xiàng)目中，有類似情況的朋友可以參考下2013-12-12
Jquery實(shí)現(xiàn)的table最后一行添加樣式的代碼
有時間需要將表格的最后一行加上樣式，方便閱讀等需要，需要的朋友可以參考下。2010-05-05