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

您需要将代码包装在document ready调用中，或将其放在结束正文标记之前的页面末尾。 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就绪函数中：

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

Answer 3

您需要将代码放在就绪函数中。

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

使用jquery将复选框值获取到数组中

3 个答案: