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>");
});
您可能感興趣的文章:
- jQuery中的RadioButton,input,CheckBox取值賦值實現(xiàn)代碼
- asp.net使用jQuery獲取RadioButtonList成員選中內容和值示例
- 基于jquery自定義的漂亮單選按鈕RadioButton
- jquery判斷RadioButtonList和RadioButton中是否有選中項示例
- Jquery中的CheckBox、RadioButton、DropDownList的取值賦值實現(xiàn)代碼
- JQuery中對服務器控件 DropdownList, RadioButtonList, CheckboxList的操作總結
- jquery獲取ASP.NET服務器端控件dropdownlist和radiobuttonlist生成客戶端HTML標簽后的value和text值
- jQuery實現(xiàn) RadioButton做必選校驗功能
相關文章
關于jquery.validate1.9.0前臺驗證的使用介紹
本篇文章介紹了,關于jquery.validate1.9.0前臺驗證的使用。需要的朋友參考下2013-04-04Jquery創(chuàng)建一個層當鼠標移動到層上面不消失效果
使用Jquery創(chuàng)建一個層,實現(xiàn)當鼠標移動到層上面不消失,示例代碼如下,感興趣的朋友可以參考下2013-12-12jquery 設置元素相對于另一個元素的top值(實例代碼)
在jquery中offset().top是相對于body來說的,另外在設置top值的時候要找到與該元素最近的有相對值的元素2013-11-11jQuery使用zTree插件實現(xiàn)可拖拽的樹示例
本篇文章主要介紹了js使用zTree插件實現(xiàn)可拖拽的樹示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09