现在的位置: 首页 > 综合 > 正文

用jQuery獲取checkbox被選中的值

2012年10月24日 ⁄ 综合 ⁄ 共 1000字 ⁄ 字号 评论关闭

<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>

抱歉!评论已关闭.