jQuery中RadioButtonList的功能及用法實例介紹_jquery

程式分析

複製程式碼 程式碼如下:

程式碼如下:
("#").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，就可以。 3個為一組，規則又是一組中3選1， //所以全部選擇肯定有11個radiobutton被選中。 🎜>}
return false;

});



完整代碼

複製程式碼 程式碼如下: $(function() {

$("#").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(""
""
"" );
});