代碼分析
. 代碼如下:
$("#<%= ibSubmit.ClientID%>").click(function() {
var flag = true;
//alert($("table[id^=ctl]").length);
//創建一個checked的arr數組，用於存儲每個radiobutton的checked情況
var arr = new Array;
$("table[id^=ctl] input[type=radio]").each(function(i) {
arr.push(this.checked);
});
//然後再創建一個arrTrue數組，用於過濾false的arr數組
var arrTrue = new Array;
$.each(arr, function(i) {
if (arr[i] == true) {
arrTrue.push(arr[i]);
}
});
//當然也可以用grep函數，來簡化過濾arr數組操作
//arr = $.grep(arr, function(n, i) {
//return n == true;
//});
var groupLen = Math.floor($("table[id^=ctl]").length + 1 / 3);
//最後，簡單一點吧，只有判斷arrTrue的長度是否為11，就可以。
//因為是一共33個radiobutton,每3個為一組，規則又是一組中3選1， //所以全部選擇肯定有11個radiobutton被選中。
if (arrTrue.length != groupLen) {
flag = false;
}
return false;
});
完整代碼
. 代碼如下:
$(function() {
$("#<%= ibSubmit.ClientID%>").click(function() {
var flag = true;
var arr = new Array;
$("table[id^=ctl] input[type=radio]").each(function(i) {
arr.push(this.checked);
});
arr = $.grep(arr, function(n) {
return n == true;
});
var groupLen = Math.floor($("table[id^=ctl]").length + 1 / 3);
if (arr.length != groupLen) {
flag = false;
}
return false;
});
});
最後附上生成Table代碼：(兩種生成方法，JQuery版本,C#版本) – (可看可不看)
jQuery版本
. 代碼如下:
var array = ["XXXX",""XXXX","XXX"];
$.each(array, function(i) {
table.append("<tr><td>"+
"<input id='cbl_" + i + "'" + " type='checkbox' title='" + array[0] + "' />" +
"</td></tr>");
});