LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭
jQuery获取复选框内容
冰桜星梦 2019-08-02

原址

法一:jquery 循环获取选中checkBox框的值

function checkeds()

{

 $("input:checkbox").each(function(index)

   {

       alert($("#checkid_"+index).val());

        //"#checkid_"+index  checkbox的id

   }); 

}

法二:jquery 循环获取选中checkBox框的值

function checkeds(){ 

 //$('input:checkbox[name="multiple"]:checked')和$("input[name='multiple']:checked")是一样的效果

 $('input:checkbox[name="multiple"]:checked').each(function() 

    //multiple checkbox的name

   {

        $(this).val();

   });

}

 

 <input type="checkbox" id="checkid" name="multiple" class="input_w150" vili="true" οnclick="checkeds()"/>

 

 <input type="checkbox" id="checkid" name="multiple" class="input_w150" vili="true" οnclick="checkeds()"/>

  

1:进入页面时,按钮是置灰的,当选中复选框时将按钮设置成可以操作。

 

<input type="checkbox" id="checkid" name="multiple" class="input_w150" vili="true" οnclick="checkeds()"/> 

 

<input type="checkbox" id="checkid" name="multiple" class="input_w150" vili="true" οnclick="checkeds()"/>

 

<input type="button" value="ok" css="bc_submit" id="confirm_btn" disabled="true">

 

jquery代码:

    function checks()

   {

      $("input:checkbox").each(function(index)

      { 

          $("#checkid_"+index).click(function() 

          {

      //获取当前被选中复选框的长度:$("input[id=checkid_"+index+"]:checked").length

      //$("#checkid_"+index).attr("checked") == true

               if($("input[name='multiple']:checked").length > 0)               {

                    $('#confirm_btn').removeAttr('disabled')

                    return;

               }

               else

               {

                    $('#confirm_btn').attr('disabled','disabled');

               }

          });

     });

  }



推荐文章
评论(0)
分享到
转载我的主页