jQuery實(shí)現(xiàn)復(fù)選框成對(duì)選擇及對(duì)應(yīng)取消的方法
更新時(shí)間：2015年03月03日 15:59:44 作者：代碼家園
這篇文章主要介紹了jQuery實(shí)現(xiàn)復(fù)選框成對(duì)選擇及對(duì)應(yīng)取消的方法,實(shí)例分析了jQuery中change方法的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)復(fù)選框成對(duì)選擇及對(duì)應(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ù)選框成對(duì)選擇，對(duì)應(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ù)選框成對(duì)選擇，對(duì)應(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>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
Jquery+Ajax+xml實(shí)現(xiàn)中國(guó)地區(qū)選擇三級(jí)聯(lián)動(dòng)菜單效果(推薦)
下面小編就為大家?guī)?lái)一篇Jquery+Ajax+xml實(shí)現(xiàn)中國(guó)地區(qū)選擇三級(jí)聯(lián)動(dòng)菜單效果(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dò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時(shí)，發(fā)現(xiàn)如果頁(yè)面有其他z-index比較大的控件，datepicker就會(huì)被遮住而不能操作。2010-09-09
jquery text(),val(),html()方法區(qū)別總結(jié)
jquery text(),val(),html()方法區(qū)別總結(jié)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作
這篇文章主要介紹了jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jquery 最簡(jiǎn)單的屬性菜單實(shí)現(xiàn)代碼，推薦大家看下。2009-10-10
jQuery(js)獲取文字寬度(顯示長(zhǎng)度)示例代碼
今天遇到了獲取文字寬度的問(wèn)題，在網(wǎng)上找到了不錯(cuò)的方法并成功使用到了項(xiàng)目中，有類(lèi)似情況的朋友可以參考下2013-12-12
Jquery實(shí)現(xiàn)的table最后一行添加樣式的代碼
有時(shí)間需要將表格的最后一行加上樣式，方便閱讀等需要，需要的朋友可以參考下。2010-05-05