本文主要為大家帶來一個jQuery實作table中兩列CheckBox只能選取一個的範例。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。
//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>
//效果圖,暫時上傳不了動態的,親測有用的
#相關推薦:
#以上是table中兩列CheckBox只能選取一個的jQuery程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!