zoukankan      html  css  js  c++  java
  • 使用jQuery获取radio/checkbox组的值的代码收集

    代码如下:

    <!-- $("document").ready(function(){
    $("#btn1").click(function(){
    $("[name='checkbox']").attr("checked",'true');//全选 })
    $("#btn2").click(function(){
    $("[name='checkbox']").removeAttr("checked");//取消全选 })
    $("#btn3").click(function(){
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 })
    $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选
    if($(this).attr("checked")){ $(this).removeAttr("checked"); }
    else{ $(this).attr("checked",'true'); } }) })
    $("#btn5").click(function(){//输出选中的值 var str="";
    $("[name='checkbox'][checked]").each(function(){
    str+=$(this).val()+" "; //alert($(this).val()); })
    alert(str); }) }) -->

    其中

    复制代码 代码如下:
    $("[name='checkbox'][checked]").each(function(){
    str+=$(this).val()+" "; //alert($(this).val()); })

    这部分代码在FireFox无法正常工作,在网上查找后,发现了一个方法可以正常使用,如下所示:

    复制代码 代码如下:
    $("[name='checkbox']:checked").each(function(){
    str+=$(this).val()+" "; //alert($(this).val()); })

    即:使用$("[name='checkbox']:checked")这种方法才可以正确取到radio/checkbox组的被选中的控件的集合
    运行后,需要刷新下

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    jQuery中取得checkbox组中被选中的值

    复制代码 代码如下:
    var
  • 相关阅读:
    Mobile Widget——让开发移动应用就像做网页
    Qcon大会上电子工业出版社博文视点提供全程图书支持
    电子工业出版社PPT图书优秀作者上海书城讲座
    2天玩转单反相机引领时尚娱乐新生活
    Android开发之ADB使用
    交大研究生,就一个字牛
    程序员能力矩阵
    主流浏览器内核概览
    网站成功的三十三个法则
    Checkstyle, PMD, Findbugs对比
  • 原文地址:https://www.cnblogs.com/hannover/p/4105140.html
Copyright © 2011-2022 走看看