Js读取check的几种方法
来源:互联网 发布:苹果如何清理游戏数据 编辑:程序博客网 时间:2024/06/05 02:48
首先,编写HTML如下:
<form id="form1"> <table border="0"> <tr> <td>编程语言:</td> <td> <input name="language" type="checkbox" value="java" />java <input name="language" type="checkbox" value="c" />c <input name="language" type="checkbox" value="c++" />c++ <input name="language" type="checkbox" value="c#" />c# <input name="language" type="checkbox" value="vb" />vb </td> </tr> </table> </form>
代码
function readcheck() { // 方法一 var obj = document.getElementsByName('language'); var s = ''; for (var i = 0; i < obj.length; i++) { if (obj[i].checked) s += obj[i].value + ','; } alert(s == '' ? '你还没有选择任何内容!' : s); // 方法二 var selectedValues = []; $("input[name='language']:checked").each(function(){ selectedValues.push( $(this).val()); }); alert(selectedValues); // 方法三 jquery版本在1.3之前 (FF和chrome下无效) var selectedValues = []; $("input[name='language'][checked]").each(function() { selectedValues.push($(this).val()); }); alert(selectedValues); } // 全选 function selectall() { $("input[name='language']").attr("checked", 'true'); } // 不选 function selectno() { $("input[name='language']").removeAttr("checked"); } // 反选 function fanxuan() { $("input[name='language']").each(function() { if ($(this).attr("checked")) { $(this).removeAttr("checked"); } else { $(this).attr("checked", 'true'); } }); }
刚才测试,发现了个问题:jquery版本1.3之后,用[ ] 的写法,在FF和和Chrome浏览器无法有效读取数据。
0 0
- Js读取check的几种方法
- Js读取select单选值的几种方法
- Js读取select多选的几种方法
- 属性文件的几种读取方法
- 读取Properties文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- 属性文件的几种读取方法
- 读取Properties文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- java读取配置文件的几种方法
- Java读取配置文件的几种方法
- 属性文件的几种读取方法
- Image Pre-compensation: Balancing Contrast and Ringing
- C++中cin.clear()的用法
- LinearLayout的showDividers在小米上不管用的解决办法
- 静态代码块、非静态代码块、构造方法执行顺序
- Java学习----day7——(3)匿名内部类
- Js读取check的几种方法
- 历届试题 最大子阵
- iOS 在Unit Testing 里面使用第三方库
- 【Eigen】How to "install" Eigen?
- BestCoder Round #93酱油记
- 389. Find the Difference Add to List(新添字符)
- 在NotePad++中直接运行TCL
- Python 标准库一览
- vb.net 教程 5-12 绘图实例之统计图 2 折线图