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);
    });
  • 相关阅读:
    递归的一些应用(一)遍历文件夹
    获取指定路径下文件夹所有文件的大小
    JavaScript Color Picker
    在ASP.NET中,用javascript给CuteEditor控件赋值
    通过URL判断文件是否有存在
    语音验证码
    [链接].net 学习网站
    [音乐]梦中的婚礼
    [转载]天堂猎人影院的爱情狩猎
    为应用程序添加消息过滤器
  • 原文地址:https://www.cnblogs.com/goody9807/p/2299299.html
Copyright © 2011-2022 走看看