Question

我找到了这个例子：

理念是获取已选中复选框值，并进一步使用它：

也许这个例子不是最好的，但我只找到了这个，因为它更接近我想要的。

请参阅FIDDLE

<div id="pakker">
<input type="checkbox" checked="checked" value="39" />test 1<br/>
<input type="checkbox" value="79" />test 2<br/>
<input type="checkbox" value="29" />test 3<br/>
<input type="checkbox" value="49" />test 4<br/>

<script type="text/javascript">
jQuery(document).ready(function($) {
    var sum = 0;
    $('#pakker :checkbox').click(function() {
        sum = 0;
        $('#pakker :checkbox:checked').each(function(idx, elm) {
            sum += parseInt(elm.value, 10);
        });

        $('#sum').html(sum);

    });
});
</script>

正如您所看到的，它仅在鼠标单击复选框后显示值。如何才能在加载页面上获取已选中复选框值？示例：http://jsfiddle.net/vaKWs/31/
如果选中多个复选框，则会添加数字。是否可以在不添加它们的情况下显示（93,25,256等）的值？
是否有可能将结果放入VARIABLE中以便我可以在页面上的其他函数中使用此变量？例如，如果$ variable {then} esle {...

* PS * 我是php和js的新手。谢谢理解！

Answer 1

jQuery(document).ready(function($) {
var sum = 0;
$('#pakker :checkbox').click(function() {
    sum = 0;
    $('#pakker :checkbox:checked').each(function(idx, elm) {
        sum += parseInt(elm.value, 10);
    });

    $('#sum').html(sum);

});
$('#pakker :checkbox[checked]').each(function(idx, elm){
sum += parseInt(elm.value, 10);
});
$('#sum').html(sum);
});

HTML中的

：

    <input type="checkbox" checked value="39" />test 1<br/>

http://jsfiddle.net/vaKWs/6/

你去。

请评价我的答案。

这对我有帮助!!

Answer 2

已经回答了
如果您希望将它们作为单独的文本，则使用值的总和：sum += parseInt(elm.value, 10) + " "应该这样做。这会强制在将它们保持为文本字符串之间留出空格。
您已将示例保存到变量中。检查数组以将它们存储到单个变量中

希望有所帮助

Answer 3

实际上@Jose对我很有意义。我感觉和以前一模一样。但随着大量的学习，我设法创造了不错的网站。让我帮你3：

如果您在页面顶部指定一个变量，就像HTML一样：

<script>
myNewVar = new Array();
//... rest of the script
</script>

这样该变量可供所有脚本使用..

然后，如果选中，则将复选框值添加到变量中

3 个答案: