用jQuery獲取checkbox被選中的值


<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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章