zoukankan      html  css  js  c++  java
  • JQuery 获取checkbox被选中的值

    html代码
     <ulid="dxbox">
               <li><inputtype="checkbox" name="dns_area" id="chk1" value="jsdx"/><span>江苏电信</span></li>           
               <li><inputtype="checkbox" name="dns_area" id="chk1" value="yndx"/><span>云南电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="gzdx"/><span>贵州电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="bjdx"/><span>北京电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="hendx"/><span>河南电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="hndx"/><span>海南电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="tjdx"/><span>天津电信</span></li>
               <li><inputtype="checkbox" name="dns_area"  value="lndx"/><span>辽宁电信</span></li>
      </ul>

    多选框另一种展现形式:
    <form action="" method="get">
         <label><input name="Fruit" type="checkbox" value="" checked="checked" />苹果 </label>
         <label><input name="Fruit" type="checkbox" value="" />桃子 </label>
         <label><input name="Fruit" type="checkbox" value="" />香蕉 </label>
         <label><input name="Fruit" type="checkbox" value="" />梨 </label>
    </form>

    方法1
    $("#dxbox li").each(function(){
       if($(this).find("input[type=checkbox]:checked").val()!= undefined)
       {
           alert($(this).find("input[type=checkbox]:checked").val());
       }
    });

    方法2
    $("#dxbox li input[type=checkbox]").each(function(){
       //var chk =$(this).find("[checked]");
       if(this.checked){
           alert($(this).val());
       }
    });  

    方法3 
    //此方法是获取所有选中的多选框
    $("#dxbox li input[type=checkbox]:checked").each(function(){
          alert($(this).val());
    });

     

  • 相关阅读:
    Java实现 LeetCode 799 香槟塔 (暴力模拟)
    Java实现 LeetCode 799 香槟塔 (暴力模拟)
    ASP.NET中使用Entity Framework开发登陆注册Demo
    ASP.NET中使用Entity Framework开发登陆注册Demo
    ASP.NET中使用Entity Framework开发登陆注册Demo

    requirejs
    转一个网址,canvas用法
    这是个排序,摘的,记一下
    今天面前端哦 2015 08 27
  • 原文地址:https://www.cnblogs.com/wind-wang/p/5643716.html
Copyright © 2011-2022 走看看