生活随笔
收集整理的這篇文章主要介紹了
JQ实现多checkbox选一清其它
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
實現多checkbox選一清其它
頁面代碼如下(圖個方便,直接用JSP了,HTML也一樣):
out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>csj");out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>lyy");out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>csy<br/>");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>csj");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>lyy");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>csy<br/>");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>csj");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>lyy");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>csy<br/>");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>csj");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>lyy");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>csy<br/>");
JS代碼如下:
function checkBox(a){$("input[class='checkBox']:checkbox").each(function () {if ($(this).attr("id") == a){}else {$(this).attr("checked",false)}})
}
總結
以上是生活随笔為你收集整理的JQ实现多checkbox选一清其它的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。