jQuery中RadioButtonList的功能及用法實(shí)例介紹
更新時(shí)間：2013年08月23日 19:07:33 作者：
RadioButtonList的使用想必大家都有所解除，本文為以示例的方式為大家詳細(xì)介紹下其功能及用法，感興趣的朋友可以參考下
代碼分析
復(fù)制代碼 代碼如下:
$("#<%= ibSubmit.ClientID%>").click(function() {
var flag = true;
//alert($("table[id^=ctl]").length);
//創(chuàng)建一個(gè)checked的arr數(shù)組，用于存儲(chǔ)每個(gè)radiobutton的checked情況
var arr = new Array;
$("table[id^=ctl] input[type=radio]").each(function(i) {
arr.push(this.checked);
});
//然后再創(chuàng)建一個(gè)arrTrue數(shù)組，用于過(guò)濾false的arr數(shù)組
var arrTrue = new Array;
$.each(arr, function(i) {
if (arr[i] == true) {
arrTrue.push(arr[i]);
}
});
//當(dāng)然也可以用grep函數(shù)，來(lái)簡(jiǎn)化過(guò)濾arr數(shù)組操作
//arr = $.grep(arr, function(n, i) {
//return n == true;
//});
var groupLen = Math.floor($("table[id^=ctl]").length + 1 / 3);
//最后，簡(jiǎn)單一點(diǎn)吧，只有判斷arrTrue的長(zhǎng)度是否為11，就可以。
//因?yàn)槭且还?3個(gè)radiobutton,每3個(gè)為一組，規(guī)則又是一組中3選1， //所以全部選擇肯定有11個(gè)radiobutton被選中。
if (arrTrue.length != groupLen) {
flag = false;
}
return false;
});
完整代碼
復(fù)制代碼 代碼如下:
$(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版本
復(fù)制代碼 代碼如下:
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取值賦值實(shí)現(xiàn)代碼
- asp.net使用jQuery獲取RadioButtonList成員選中內(nèi)容和值示例
- 基于jquery自定義的漂亮單選按鈕RadioButton
- jquery判斷RadioButtonList和RadioButton中是否有選中項(xiàng)示例
- Jquery中的CheckBox、RadioButton、DropDownList的取值賦值實(shí)現(xiàn)代碼
- JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)
- jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽后的value和text值
- jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能
相關(guān)文章
jQuery插件dataTables添加序號(hào)列的方法
這篇文章主要介紹了jQuery插件dataTables添加序號(hào)列的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07
tab切換，是一個(gè)很常見(jiàn)的效果，今天在項(xiàng)目中遇到這樣一個(gè)問(wèn)題。就是切換后，頁(yè)面刷新，又重新定位到第一個(gè)上了，很是郁悶2012-05-05
這篇文章介紹了jquery設(shè)置控件位置的方法，有需要的朋友可以參考一下2013-08-08
如何將 jQuery 從你的 Bootstrap 項(xiàng)目中移除(取而代之使用Vue.js)
Bootstrap是網(wǎng)上最流行的前端開(kāi)發(fā)框架。下面通過(guò)本文給大家分享將 jQuery 從你的 Bootstrap 項(xiàng)目中移除的方法，需要的的朋友參考下吧2017-07-07
基于jQuery的試卷自動(dòng)排版系統(tǒng)實(shí)現(xiàn)代碼
題目提干、選擇題的選項(xiàng)、說(shuō)明文字可以包含多媒體信息（文字、圖片、列表、表格、視頻等等……）。2011-01-01
jquery文字填寫(xiě)自動(dòng)高度的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery文字填寫(xiě)自動(dòng)高度的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
jQuery源碼中的chunker 正則過(guò)濾符分析
這是Jq中最長(zhǎng)的一個(gè)正則了，也研究了很久，一直很懵懂，感覺(jué)還是通過(guò)調(diào)試，然后一步一步的分析值理解起來(lái)比較容易2012-07-07
jquery ajax的success回調(diào)函數(shù)中實(shí)現(xiàn)按鈕置灰倒計(jì)時(shí)
實(shí)現(xiàn)異步手機(jī)發(fā)送短信成功之后在ajax的success回調(diào)中實(shí)現(xiàn)將發(fā)送按鈕置灰并倒計(jì)時(shí)，具體的實(shí)現(xiàn)示例如下，喜歡的朋友可以研究下2013-11-11
jquery 步驟進(jìn)度軸插件的實(shí)現(xiàn)代碼
今天給大家分享一個(gè)jquery插件之步驟進(jìn)度軸的實(shí)現(xiàn)思路，這個(gè)功能在一些網(wǎng)站注冊(cè)賬號(hào)時(shí)一般都會(huì)用到，今天就通過(guò)實(shí)例代碼給大家詳細(xì)介紹下，感興趣的朋友跟隨小編一起看看吧2021-05-05
詳談Ajax請(qǐng)求中的async:false/true的作用(ajax 在外部調(diào)用問(wèn)題)
下面小編就為大家?guī)?lái)一篇詳談Ajax請(qǐng)求中的async:false/true的作用(ajax返回值在外部調(diào)用問(wèn)題)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02