精华内容
下载资源
问答
  • jquery 操作 checkbox 获取选择的checkbox值 全选 全清checkbox <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "......
    1. jquery 操作 checkbox 获取选择的checkbox值 全选 全清checkbox
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
    3. <html xmlns="http://www.w3.org/1999/xhtml">    
    4. <head>    
    5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
    6. <title>louis-blog >> jQuery 对checkbox的操作</title>    
    7. <script type='text/javascript' src="../jquery.js"></script>    
    8. <SCRIPT LANGUAGE="JavaScript">    
    9. <!--    
    10. $("document").ready(function(){    
    11. $("#btn1").click(function(){    
    12. $("[name='checkbox']").attr("checked",'true');//jquery全选checkbox    
    13. })    
    14. $("#btn2").click(function(){    
    15. $("[name='checkbox']").removeAttr("checked");//jquery取消全选    checkbox 
    16. })    
    17. $("#btn3").click(function(){    
    18. $("[name='checkbox']:even").attr("checked",'true');//jquery选中所有奇数    checkbox 
    19. })    
    20. $("#btn4").click(function(){    
    21. $("[name='checkbox']").each(function(){//反选 checkbox    
    22. if($(this).attr("checked")){    
    23. $(this).removeAttr("checked");    
    24. }    
    25. else{    
    26. $(this).attr("checked",'true');    
    27. }    
    28. })    
    29. })    
    30. $("#btn5").click(function(){//输出选中的值   checkbox  
    31. var str="";    
    32. $("[name='checkbox']:checked").each(function(){    
    33. str+=$(this).val()+"\r\n";    
    34. //alert($(this).val());    
    35. })    
    36. alert(str);    
    37. })    
    38. })    
    39. //var tempLength = $("[name='action']:checked").length;jquery 用户选择的个数
    40. -->    
    41. </SCRIPT>    
    42. </HEAD>    
    43. <body style="text-align:center;margin: 0 auto;font-size: 12px;">    
    44. <div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;">    
    45. <form name="form1" method="post" action="">    
    46. <input type="button" id="btn1" value="全选">    
    47. <input type="button" id="btn2" value="取消全选">    
    48. <input type="button" id="btn3" value="选中所有奇数">    
    49. <input type="button" id="btn4" value="反选">    
    50. <input type="button" id="btn5" value="获得选中的所有值">    
    51. <br><br>    
    52. <input type="checkbox" name="checkbox" value="checkbox1">    
    53. checkbox1    
    54. <input type="checkbox" name="checkbox" value="checkbox2">    
    55. checkbox2    
    56. <input type="checkbox" name="checkbox" value="checkbox3">    
    57. checkbox3    
    58. <input type="checkbox" name="checkbox" value="checkbox4">    
    59. checkbox4    
    60. <input type="checkbox" name="checkbox" value="checkbox5">    
    61. checkbox5    
    62. <input type="checkbox" name="checkbox" value="checkbox6">    
    63. checkbox6    
    64. </form>    
    65. </div>    
    66. </body>    
    67. </HTML>   
    展开全文
  • 在多个checkbox存在的时候,做个全选的checkbox。只要这个checkbox选中那么其他的checkbox自动被选中...然后获取被选中的checkbox。 这个过程中需要自定义一个属性来区别checkbox,并利用自定义的属性来获取需要的值。

    在多个checkbox存在的时候,做个全选的checkbox。只要这个checkbox选中那么其他的checkbox自动被选中。然后获取被选中的checkbox。
    这个过程中需要自定义一个属性来区别checkbox,并利用自定义的属性来获取需要的值。
    代码如下:
    html代码:

    <div>
        全选:<input type="checkbox" name="checkAll" checkAll = "check_single" /><br/>
        <button checkboxbtn >获取选中元素</button><br/>
        单选1:<input type="checkbox" check_single value='1'/><br/>
        单选2:<input type="checkbox" check_single value='2'/><br/>
        单选3:<input type="checkbox" check_single value='3'/><br/>
        单选4:<input type="checkbox" check_single value='4'/><br/>
        单选5:<input type="checkbox" check_single value='5'/><br/>
    </div>

    在一个div中有一个全选的checkbox,在它身上自定义了一个属性checkAll 值为 “check_single”。只要后续的checkbox上有 check_single属性就会被全选checkbox控制。
    点击带有checkboxbtn属性的按钮就可以获取到已被选中的checkbox的值。
    js代码如下:

    $(document).ready(function(){
            var check_single;
            $("[type=checkbox][name=checkAll][checkAll]").on('click',function(){
                check_single = $(this).attr('checkAll');
                var check = $(this).attr('checked');
                if(check =='checked')
                {
                //如果全选的checkbox被选中了则带有check_single属性的checkbox会被自动选中
                $("[type=checkbox]["+check_single+"]").each(function(){
    $(this).attr('checked',true);//将带有heck_single属性的checkbox的状态切换为选中状态
                    });
            });
                }
                else
                {
                //如果全选的checkbox没有被选中了则带有check_single属性的checkbox会自动被取消选中
                    $("[type=checkbox]["+check_single+"]").each(function(){
                $(this).attr('checked',false);//将带有heck_single属性的checkbox的状态切换为不选中状态
                });
                }
            });
    
            $("button[checkboxbtn]").on('click',function(){
            //如果带有checkboxbtn属性的按钮被点击则获取选中状态的checkbox的值
            var data=[];
                $("[type=checkbox]["+check_single+"]").each(function(){
                if($(this).attr('checked')=='checked')
                {
                //获取被选中的checkbox的值
                  data.push($(this).val()) ;
                }
    });
                console.log(data);
    });
    });

    经过运行可以得到本文介绍的效果!
    **
    在提取多个被选中的checkbox的值时,用自定义属性可以很好的解决问题。
    jq中[自定义属性=’属性的值’]或者[自定义属性=属性的值]。这样可以直接选中页面中带有自定义的属性的元素。
    自定义属性的使用很有帮助!**

    展开全文
  • 主要是对jQuery获取Radio,CheckBox选择的Value值进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • <script> function GetBatchCheckBoxValue(){ //判断至少选择一条数据 var chks = document.getElementsByTagName('input'); var bl = true; for...
    <script>
    function GetBatchCheckBoxValue(){
        //判断至少选择一条数据
        var chks = document.getElementsByTagName('input');
        var bl = true;
        for (var i = 0; i < chks.length; i++) {
            if (chks[i].checked) {
                bl = false;
                break;
            }
        }
        if (bl) {
            alert('至少选择一条信息');
            return
        }
    
        //获取CheckBox的值
        var str = "";    
        var chk = document.getElementsByName("selected");    
        for (var i = 0; i < chk.length; i++) {        
            if (chk[i].checked) {            
                str += chk[i].value + ","; //得到用逗号分割的字符串        
                }    
        }    
        alert(str); //返回一个拼接成的字符串,用逗号分隔开(例:381,380,377,376,372,371,370,368,367,362,)}
    </script>




    转载于:https://my.oschina.net/u/1780920/blog/397714

    展开全文
  • 获取选择checkbox的

    2016-11-03 15:37:33
    alert("请选择要删除用户!");   return false;   }       $.get("__URL__/delete",{id:ids},function(data){   if(data['result']=="success"){   alert("删除成功!");   location.href=...
    $("#submit").click(function(){ 
                               
                                var ids=0;
                                $("input[name='ids']:checked").each(function(){ 
                               
                                  if(ids==0){
                                  ids=$(this).attr('value')
                                  }else{
                                  ids += ','+$(this).attr('value');
                                  }                                        
                                  }); 
                               
                                if(ids==0){
                                alert("请选择要删除的用户!");
                                return false;
                                }
                               
                               
                                $.get("__URL__/delete",{id:ids},function(data){
                                if(data['result']=="success"){
                                alert("删除成功!");
                                location.href="__URL__/index";
                                }else{
                                alert("删除失败");
                                }
                                });
                                })
    展开全文
  • 获取listview checkbox选择的值 android

    千次阅读 2017-06-14 08:58:24
    android 获取listview checkbox选择的值 ...2.选择的checkbox后滑动listview内容时会checkbox选择的值会刷新成原来状态值(即没选中);3.选择listview所有checkbox值之后,只能获取当前可见的c
  • 获取checkbox: 模板设置,注意name属性 控制器取值: $arr_dclx=I("dclx"); foreach($arr_dclx as $v){ $str_dclx.=$v.","; } if(strlen($str_dclx)>0){ $str_dclx=substr($str_dclx, 0,-1);//去掉最后一个...
  • android 获取listview checkbox选择的

    万次阅读 2015-04-16 10:54:02
    android 获取listview checkbox选择的值 ...2.选择的checkbox后滑动listview内容时会checkbox选择的值会刷新成原来状态值(即没选中);3.选择listview所有checkbox值之后,只能获取当前可见的c
  • Servlet中获取选择的CheckBox的值

    千次阅读 2007-10-06 18:51:27
    需求:在HTML中有一组CheckBox复选框(名字要相同),需要提交到Servlet,取出被选中的CheckBox的Value值。 在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String...就能可到所有被选择的CheckBox值,...
  • php获取 checkbox复选框值方法php获取 checkbox复选框值方法复选一复选二复选三复选四if( $_POST ){$value = $_POST['checkbox'];echo '你选择了:'.implode(',',$value);//由于checkbox属性,我们必须把checkbox...
  • checkbox-group @change="radioChange()"> <checkbox class="checking" value="psw" :checked="amount" @tap="isDefault =!isDefault" color="#0081FF" /> <text class="default">设为默认<...
  • 本文转自:... jQuery获取Radio选择的Value值 $("input[name='radio_name'][checked]").val();//选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}
  • var retStr = ;$("input[name=inbox_ck]").each(function(){if ($(this).attr(checked)){if (retStr != ) {retStr += | + this.id;} else {retStr = this.id}}});jquery真是很好用js库。
  • jQuery获取Radio选择的Value值,jQuery获取CheckBox选择的Value值
  • jquery 操作 获取checkbox的
  • script language=javascript>//实现全选CheckBoxfunction show(checkBoxName,checkBoxNameParent)...{ for(i=0;idocument.getElementsByName(checkBoxName).length;i++) ...{ if(document.getElementsBy
  • 获取已选中: var checkedArr = []; $("input[name='xxx']:checked").each(function() { checkedArr.push($(this).val()); }); 获取未选中: var notCheckedArr = []; $("input[name='...
  • var notChecked = $("input:checkbox").not("input:checked") ;//获取未被选择的checkbox 要取值的话,用 each 即可
  • var checkboxArray== $("[name='checkboxName']:checked"); 将返回选择checkbox 的数组对象。  checkboxArray.length 判断是否有选中的checkbox.
  • //选择被选中CheckBox元素集合 如果你想得到 Value值你需要遍历这个集合  $($("input[name='checkbox_name'][checked]")). each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,108
精华内容 443
关键字:

获取选择的checkbox