欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2013年08月23日 19:07:33   作者:  
RadioButtonList的使用想必大家都有所解除,本文為以示例的方式為大家詳細介紹下其功能及用法,感興趣的朋友可以參考下

代碼分析

復制代碼 代碼如下:

$("#<%= ibSubmit.ClientID%>").click(function() {
var flag = true;
//alert($("table[id^=ctl]").length);
//創(chuàng)建一個checked的arr數組,用于存儲每個radiobutton的checked情況
var arr = new Array;
$("table[id^=ctl] input[type=radio]").each(function(i) {
arr.push(this.checked);
});

//然后再創(chuàng)建一個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個為一組,規(guī)則又是一組中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>");
});

相關文章

最新評論