jQuery中RadioButtonList的功能及用法实例介绍
2013-08-23 00:00
591 查看
代码分析
完整代码
最后附上生成Table代码:(两种生成方法,JQuery版本,C#版本) – (可看可不看)
jQuery版本
$("#<%= 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>"); });
相关文章推荐
- jQuery中RadioButtonList的功能及用法实例介绍
- jQuery中RadioButtonList的功能及用法
- JS-Jquery 常用功能介绍以及实例
- jQuery中offset()方法用法实例
- Jquery增加鼠标中间功能mousewheel的实例代码
- JQuery中基础过滤选择器用法实例分析
- jQuery中closest()函数用法实例
- JQuery中层次选择器用法实例详解
- jquery中 $.expr使用实例介绍
- jQuery中prevUntil()方法用法实例
- 详细介绍jQuery.outerWidth() 函数具体用法
- jQuery实现企业网站横幅焦点图切换功能实例
- jQuery使用animate创建动画用法实例
- JQuery一些常见用法与技巧介绍
- jquery获取自定义属性(attr和prop)实例介绍
- 微软 SqlHelper代码、功能、用法介绍:高效的组件
- mysql分区功能详细介绍,以及实例
- 使用Spring boot + jQuery上传文件(kotlin)功能实例详解
- jQuery表单验证功能实例
- 性能测试工具VTune的功能和用法介绍