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)注本站,本站小編將在第一時間為大家?guī)碜詈每?、最好玩、最新鮮的游戲資訊。更多精彩內(nèi)容,盡在jb51游戲頻道!
相關(guān)文章
jQuery設(shè)置聚焦并使光標(biāo)位置在文字最后的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query設(shè)置聚焦并使光標(biāo)位置在文字最后的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細(xì)介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法,非常的全面細(xì)致,在這里推薦給小伙伴們。2015-01-01
EasyUI Datebox 日期驗證之開始日期小于結(jié)束時間
這篇文章主要介紹了EasyUI Datebox 日期驗證之開始日期小于結(jié)束時間,需要的朋友可以參考下2017-05-05

