用jQuery獲取checkbox被選中的值

最新推荐文章于 2022-08-20 00:12:13 发布

anne_auyeung

最新推荐文章于 2022-08-20 00:12:13 发布

阅读量575

点赞数

分类专栏：开发问题文章标签： jQuery checkbox

本文链接：https://blog.csdn.net/auyeung_anne/article/details/8934313

版权

开发问题专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#OK").click(function(){
var docAll=null;
$("input[name=docList]").each(function(){
      if($(this).attr("checked"))
     {
    var doc = $(this).val();

                     if (doc != null) {
                         if (docAll == null)
                             docAll = doc;
                         else
                             docAll = docAll + "," + doc;
                   }
    }

    });
alert(docAll);
});
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<input type="submit" id="OK" name="ok" value="確定" style="width: 40px; height: 20px; font-size: 11px;" />
<ul>
<input type="checkbox" name="docList" value="doc1" id="docList1"> doc1 <br />
        <input type="checkbox" name="docList" value="docTest2" id="docList2"> doc2 <br />
        <input type="checkbox" name="docList" value="docaa3" id="docList3"> doc3 <br />
        <input type="checkbox" name="docList" value="docOK4" id="docList4"> doc4 <br />
</ul>
</body>
</html>