jQuery實現(xiàn)table中兩列CheckBox只能選中一個的示例
更新時間：2017年09月22日 14:00:51 作者：薛李淑月
下面小編就為大家?guī)硪黄猨Query實現(xiàn)table中兩列CheckBox只能選中一個的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
//html
<table id="unit"> <tr> <th>選項一</th> <th>選項二</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>
//效果圖，暫時上傳不了動態(tài)的，親測有用的
以上就是小編為大家?guī)淼膉Query實現(xiàn)table中兩列CheckBox只能選中一個的示例的全部內(nèi)容了，希望大家喜歡哦~
如果大家想了解更多游戲活動與游戲攻略，請持續(xù)關注本站，本站小編將在第一時間為大家?guī)碜詈每础⒆詈猛?、最新鮮的游戲資訊。更多精彩內(nèi)容，盡在jb51游戲頻道！
相關文章
這篇文章主要介紹了jquery常用操作小結(jié),需要的朋友可以參考下2014-07-07
jQuery設置聚焦并使光標位置在文字最后的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query設置聚焦并使光標位置在文字最后的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法，非常的全面細致，在這里推薦給小伙伴們。2015-01-01
這篇文章主要為大家詳細介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
EasyUI Datebox 日期驗證之開始日期小于結(jié)束時間
這篇文章主要介紹了EasyUI Datebox 日期驗證之開始日期小于結(jié)束時間,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了jquery讓指定的元素閃爍顯示的方法,涉及jQuery操作css樣式的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
metro效果想必大家并不陌生吧，下面為大家講解下在jquery中時如何實現(xiàn)的，新手朋友們可不要錯過了2013-09-09
Jquery實現(xiàn)簡單的動畫效果代碼，需要的朋友可以參考下2012-03-03
本文為大家介紹下jquery對ajax的支持性，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了jQuery里prev()的簡單操作代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-10-10