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
  • 相关阅读:
    完整的开源和商业软件平台
    免费开源的文件比较/合并工具
    Javascript面向对象基础
    Javascript面向对象基础
    引入外部js获取dom为null的问题
    闭包函数
    初识对象
    构造函数
    内置对象
    Math对象
  • 原文地址：https://www.cnblogs.com/hannover/p/4105140.html
Copyright © 2011-2022 走看看