zoukankan      html  css  js  c++  java
  • (zz)jQuery 对checkbox的操作

    很久没有写JQuery的文章了。今天来看下JQ对天Checkbox复选框的操作。
    看下面的一个小例子。在这个例子中包括了以下几个功能

    1. 全选
    2. 取消全选
    3. 选中所有奇数
    4. 反选
    5. 获得选中的所有值

    <!--
         $
    ("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()+"\r\n";
                
    //alert($(this).val());
              
    })
            
     alert(str);
          
     })
          
    })
      -->



    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

    获取一组radio被选中项的值
    var item = $('input[@name=items][@checked]').val();
    获取select被选中项的文本
    var item = $("select[@name=items] option[@selected]").text();
    select下拉框的第二个元素为当前选中值
    $('#select_id')[0].selectedIndex = 1;
    radio单选组的第二个元素为当前选中值
    $('input[@name=items]').get(1).checked = true;

    获取值:

    文本框,文本区域:$("#txt").attr("value");
    多选框checkbox:$("#checkbox_id").attr("value");
    单选组radio:   $("input[@type=radio][@checked]").val();
    下拉框select: $('#sel').val();

    控制表单元素:
    文本框,文本区域:$("#txt").attr("value",'');//清空内容
                     $("#txt").attr("value",'11');//填充内容

    多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                     $("#chk2").attr("checked",true);//打勾
                     if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

    单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
    下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                    $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                    $("#sel").empty();//清空下拉框


    给你发个更好的,你上面的无论值是多少都传递,下面是只传递CHECKED
                 var move_ids="";
                 $("[name='is_move'][checked]").each(function(){
                    move_ids+=$(this).val()+"-";
                 })



    Jquery:获取所有非选中checkbox的值

    $(":checkbox[name='eidCheck'][checked=false]").each(function(){
    alert(this.value);
    });
  • 相关阅读:
    java基本类型和引用做形参传递
    新阶段新开始
    给网页中的button加动画效果
    数组对象常用的几个函数总结
    微信小程序使用页面栈改变上一页面的数据
    pc端和移动端的“窗口”(viewport)故事(part1)
    js的for循环中出现异步函数,回调引用的循环值总是最后一步的值?
    macOS Sierra 如何安装任何来源的软件
    Box-shadow制作漂亮的外阴影输入框
    button标签与input type=button标签使用的差异
  • 原文地址:https://www.cnblogs.com/goody9807/p/2299299.html
Copyright © 2011-2022 走看看