zoukankan      html  css  js  c++  java
  • jquery 多选框 checkbox 获取选中的框

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
    </head>
    <body>
    	<input type="button" id="btn5" value="获得选中的所有值"/>  
     <input type="checkbox" name="checkbox" value="checkbox1" checked>  
    checkbox1  
    <input type="checkbox" name="checkbox" value="checkbox2">  
    checkbox2  
    <input type="checkbox" name="checkbox" value="checkbox3">  
    checkbox3  
    <input type="checkbox" name="checkbox" value="checkbox4">  
    checkbox4  
    <input type="checkbox" name="checkbox" value="checkbox5">  
    checkbox5  
    <input type="checkbox" name="checkbox" value="checkbox6">  
    checkbox6 
    <script>
    $("#btn5").click(function(){//输出选中的值  
    var str="";  
    $("[name='checkbox']:checked").each(function(){  
    str+=$(this).val()+"/r/n";  
    })  
    alert(str);  
    })  
    </script>
    </body>
    

      

  • 相关阅读:
    菜根谭#298
    菜根谭#297
    菜根谭#296
    菜根谭#295
    菜根谭#294
    菜根谭#293
    菜根谭#292
    菜根谭#291
    菜根谭#290
    菜根谭#289
  • 原文地址:https://www.cnblogs.com/zonglonglong/p/6802803.html
Copyright © 2011-2022 走看看