实现多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)
}
})
}