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

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>

1. 如您所见，它仅在鼠标单击复选框后显示值。 如何在“加载”页面上获取选中的复选框值？ 示例： http ： //jsfiddle.net/vaKWs/31/

2. 如果更多，则选中一个复选框，它将添加数字。 是否可以显示值（如93、25、256等）而不添加它们？

3. 是否有可能将结果放入VARIABLE中，以便我可以在页面上的其他函数中使用此变量？ 例如，如果$ variable {然后} 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

1. 已经回答

2. 如果希望将它们的值用作单独的文本，请使用这些值的总和： sum += parseInt(elm.value, 10) + " "应该做到这一点。 这在将它们保留为文本字符串之间强迫了一个空格。

3. 您所具有的示例已将它们保存到变量中。 检出数组以将其存储到单个变量中

希望能有所帮助

Answer 3

其实@Jose对我来说很有意义。 我以前真的很喜欢你。 但是通过大量的学习，我设法创建了不错的网站。 让我在以下方面为您提供帮助3：

如果您在页面顶部分配一个类似HTML的变量：

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

因此该变量可用于所有周围的脚本。