使用jQuery將復選框的值獲取到數組中

Question

我有一些從jquery獲得的代碼，我對其進行了一些修改，以使所有復選框的值都將填充文本輸入元素。

這在jsfiddle上非常有效。.請參閱演示鏈接http://jsfiddle.net/aAqt2/

但是當我在自己的網站上嘗試時，它不起作用..知道為什么嗎？ 請參閱下面的代碼

<html><head>
<script src="/js/jquery.min.js"></script> 
<script type="text/javascript">
$('input').on('change', function() {
   var values = $('input:checked').map(function() {
   return this.value;
   }).get();
  $('#output').val(values.toString());
});
</script>
</head>
<body>
<from name="test">
<table>
<tr>
       <td><input type=checkbox value="1"></td>
</tr>
<tr>
      <td><input type=checkbox value="2"></td>
 </tr>
<tr>
       <td><input type=checkbox value="3"></td>
</tr>
<tr>
     <td><input type=checkbox value="4"></td>
</tr>
<tr>
    <td><input type=checkbox value="5"></td>
</tr>
<tr>
    <td><input type="text" id="output"></td>
</tr>
</table>
</form>
</body>
</html>

Answer 1

您需要將代碼包裝在文檔就緒調用中，或者將其放在結束body標記之前的頁面末尾。 JSfiddle會自動為您執行此操作。

例如：

$(document).ready(function () {
    $('input').on('change', function () {
        var values = $('input:checked').map(function () {
            return this.value;
        }).get();
        $('#output').val(values.toString());
    });
});

Answer 2

將代碼包裝在DOM ready函數中：

$(document).ready(function() {
    //code here
});

Answer 3

您需要將代碼放入ready函數中。

$(document).ready(function () {
$('input').on('change', function() {
   var values = $('input:checked').map(function() {
   return this.value;
   }).get();
  $('#output').val(values.toString());
});
});

使用jQuery將復選框的值獲取到數組中

問題描述

3 個解決方案

解決方案1
3 2013-11-22 20:08:28

解決方案2
2 2013-11-22 20:08:31

解決方案3
0 2013-11-22 20:13:18

使用jQuery將復選框的值獲取到數組中

問題描述

3 個解決方案

解決方案1 3 2013-11-22 20:08:28

解決方案2 2 2013-11-22 20:08:31

解決方案3 0 2013-11-22 20:13:18

解決方案1
3 2013-11-22 20:08:28

解決方案2
2 2013-11-22 20:08:31

解決方案3
0 2013-11-22 20:13:18