jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例
更新時(shí)間：2017年09月22日 14:00:51 作者：薛李淑月
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
//html
<table id="unit"> <tr> <th>選項(xiàng)一</th> <th>選項(xiàng)二</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox" /></td> <td>小紅</td> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox" /></td> <td>小明</td> </tr> </table>
//jQuery
<script type="text/javascript">
$(function(){
$("#unit tr").click(function () {
$(this).siblings().find("input[type='checkbox']").removeAttr("checked");
});
})
</script>
//效果圖，暫時(shí)上傳不了動(dòng)態(tài)的，親測(cè)有用的
以上就是小編為大家?guī)?lái)的jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例的全部?jī)?nèi)容了，希望大家喜歡哦~
如果大家想了解更多游戲活動(dòng)與游戲攻略，請(qǐng)持續(xù)關(guān)注本站，本站小編將在第一時(shí)間為大家?guī)?lái)最好看、最好玩、最新鮮的游戲資訊。更多精彩內(nèi)容，盡在jb51游戲頻道！
相關(guān)文章
這篇文章主要介紹了jquery獲取元素索引值index()方法,需要的朋友可以參考下2014-02-02
jquery的構(gòu)造函數(shù)很好的運(yùn)用的javascript的充分利用了JavsScript語(yǔ)言的動(dòng)態(tài)性——對(duì)行參的類(lèi)型和個(gè)數(shù)沒(méi)有的嚴(yán)格要求，以至于一個(gè)函數(shù)可以實(shí)現(xiàn)多種功能需求，也為JavaScript語(yǔ)言的多態(tài)性提供了基礎(chǔ)，在這個(gè)構(gòu)造函數(shù)中，提供了六種不同的調(diào)用格式（根據(jù)官方API文檔）2015-05-05
把html頁(yè)面的部分內(nèi)容保存成新的html文件的jquery代碼
把html頁(yè)面的部分內(nèi)容保存成新的html文件，用到了jquery的獲取指定id的內(nèi)容。然后保存代碼。2009-11-11
基于jQuery的為attr添加id title等效果的實(shí)現(xiàn)代碼
下面的例子是通過(guò)jquery為連接增加title描述的代碼，在當(dāng)前頁(yè)的連接上寫(xiě)上，你好，現(xiàn)在在試驗(yàn)連接文字的簡(jiǎn)單描述。2011-04-04
jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
jquery中加載圖片自適應(yīng)大小主要實(shí)現(xiàn)代碼
當(dāng)圖片較小時(shí)顯示實(shí)際大小，當(dāng)圖片超過(guò)div 大小時(shí)圖片自動(dòng)適應(yīng)div的大小，下面有個(gè)示例，大家可以參考下，希望對(duì)大家有所幫助2013-08-08
這篇文章主要介紹了JQuery事件冒泡和默認(rèn)行為代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
ajax jquery實(shí)現(xiàn)頁(yè)面某一個(gè)div的刷新效果
這篇文章主要給大家介紹了關(guān)于ajax jquery實(shí)現(xiàn)頁(yè)面某一個(gè)div的刷新效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
我使用了JQuery進(jìn)行了一段時(shí)間的前端開(kāi)發(fā)，它讓我從選擇需要操作的元素痛苦中解放出來(lái)，因?yàn)樘峁┑倪x擇功能是如此的強(qiáng)大。 同時(shí)在開(kāi)發(fā)過(guò)程中我被一個(gè)問(wèn)題困惑了很久，也許在別人看來(lái)這根本不是問(wèn)題！2009-10-10
jQuery 網(wǎng)易相冊(cè)鼠標(biāo)移動(dòng)顯示隱藏效果實(shí)現(xiàn)代碼
顯示隱藏效果的實(shí)現(xiàn)主要是jquery層選擇器的應(yīng)用：當(dāng)鼠標(biāo)移動(dòng)經(jīng)過(guò)照片就顯示設(shè)為封面刪除，移開(kāi)后就隱藏，此效果在web開(kāi)發(fā)中經(jīng)常會(huì)用到，感興趣的朋友可以參考下哈2013-03-03