使用javascript从复选框中获取值

使用javascript从复选框中获取值,javascript,jquery,html,Javascript,Jquery,Html,尝试从选中的复选框中获取值时遇到问题。我可以从单选按钮s中获取值,但无法从复选框中获取值 代码 函数订阅(){ var subamount=document.querySelector('input[name=“sublvl”]:checked')。值; $('input:checked')。每个(函数(){ //将此值传递到其附近的隐藏输入 $(this.parent('td').next('input').val($(this.val()); }); 警报(子装载); } 第一步:选择你的

尝试从选中的
复选框中获取值时遇到问题。我可以从
单选按钮
s中获取值,但无法从复选框中获取值

代码


函数订阅(){
var subamount=document.querySelector('input[name=“sublvl”]:checked')。值;
$('input:checked')。每个(函数(){
//将此值传递到其附近的隐藏输入
$(this.parent('td').next('input').val($(this.val());
});
警报(子装载);
}
第一步:选择你的捐款金额
探路者编年史支持者$10.00 USD

Pathfinder Chronicer青铜支架$15.00 USD
Pathfinder Chronicer银色支架$20.00 USD
探路者编年史黄金支持者$30.00 USD
Pathfinder Chronicer白金支持者$40.00 USD
探路者编年史珠宝支持者$45.00美元
探路者编年史钻石支持者$50.00美元

第二步:选择你的捐赠奖励 第一卷套餐(价值10美元)Pathfinder Chronizer第一卷(发货)的打印副本 费用不包括在内)
第二卷套餐(价值10美元)Pathfinder Chronicer第二卷的打印副本(装运) 费用(不包括在内)
第三卷套餐(价值10美元)Pathfinder Chronicer第三卷的打印副本(装运) 费用(不包括在内)
第一卷套餐+第一卷海报(价值15美元)Pathfinder Chronizer的印刷版 第一卷附有Eva Widermann制作的第一卷源艺术11x17海报(运费) 不包括在内)
第二卷套餐+第二卷海报(价值15美元)Pathfinder Chronizer的印刷版 第二卷附有Carolina Eade第二卷源代码艺术的11x17海报(装运) 费用不包括在内)
第三卷套餐+第三卷海报(价值15美元)Pathfinder Chronizer的印刷版 第二卷附有Carolina Eade第三卷源代码艺术的11x17海报(装运) 费用不包括在内)
整套(价值50美元)Pathfinder编年史第一卷、第二卷的打印副本 和第三卷11x17海报,第一卷、第二卷、第三卷和第四卷来源艺术,由Eva Widermann制作 和Carolina Eade(不包括运费)
海报套装(价值20美元)第I、II、III和IV卷11x17张海报源艺术, 由Eva Widermann和Carolina Eade(不包括运费)


如果您打算使用jQuery,不妨坚持使用jQuery。我包括了大量的评论,因为你已经离开网络编程一段时间了,可能需要复习

编辑:刚刚看到您的编辑,更改为获取复选框

function subscription() {

    // Create an array of checkbox inputs that are checked
    var $inputs = $('input[type="checkbox"]:checked');

    // Iterate through all the checked inputs, you could use
    // jQuery's $each here but it's horribly slow
    for (var i = 0; i < $inputs.length; i++) {

        // Assign the value
        var inputValue = $($inputs[i]).val();

        // Please note I cannot see the hidden field on your markup, but let's
        // just target the first hidden field available if that is what you want
        // If you include the hidden field on the markup, we could target it
        // specifically also...
        $('input:hidden').val(inputValue);

    }
}
函数订阅(){
//创建选中的复选框输入数组
var$inputs=$('input[type=“checkbox”]:checked');
//迭代所有选中的输入,您可以使用
//jQuery在这里每个$1,但速度非常慢
对于(变量i=0;i<$inputs.length;i++){
//赋值
var inputValue=$($inputs[i]).val();
//请注意,我看不到标记上的隐藏字段,但让我们
//如果需要,只需将第一个隐藏字段作为目标
//如果在标记中包含隐藏字段,我们可以将其作为目标
//特别是。。。
$('input:hidden').val(inputValue);
}
}

如果您打算使用jQuery,不妨坚持使用jQuery。我包括了大量的评论,因为你已经离开网络编程一段时间了,可能需要复习

编辑:刚刚看到您的编辑,更改为获取复选框

function subscription() {

    // Create an array of checkbox inputs that are checked
    var $inputs = $('input[type="checkbox"]:checked');

    // Iterate through all the checked inputs, you could use
    // jQuery's $each here but it's horribly slow
    for (var i = 0; i < $inputs.length; i++) {

        // Assign the value
        var inputValue = $($inputs[i]).val();

        // Please note I cannot see the hidden field on your markup, but let's
        // just target the first hidden field available if that is what you want
        // If you include the hidden field on the markup, we could target it
        // specifically also...
        $('input:hidden').val(inputValue);

    }
}
函数订阅(){
//创建选中的复选框输入数组
var$inputs=$('input[type=“checkbox”]:checked');
//迭代所有选中的输入,您可以使用
//jQuery在这里每个$1,但速度非常慢
对于(变量i=0;i<$inputs.length;i++){
//赋值
var inputValue=$($inputs[i]).val();
//请注意,我看不到标记上的隐藏字段,但让我们
//如果需要,只需将第一个隐藏字段作为目标
//如果在标记中包含隐藏字段,我们可以将其作为目标
//特别是。。。
$('input:hidden').val(inputValue);
}
}

.next('input')
可能应该是
.next('input:hidden')
。但你们为什么要复制它呢?你们的复选框并没有提交吗?你们打算如何处理多个选择的
奖励
?你们为什么同时使用jQuery和原生DOM选择器?在这一行:
$(this.parent('td').next('input').val($(this.val())
您正在寻找父元素
,但您的html没有任何
元素。好的,很抱歉,我已经离开web编程一段时间了。最好的方法是什么。
.next('input')
应该是
。next('input:hidden')
。但你们为什么要复制它呢?你们的复选框并没有提交吗?你们打算如何处理多个选择的
奖励
?你们为什么同时使用jQuery和原生DOM选择器?在这一行:
$(this.parent('td').next('input').val($(this.val())
您正在寻找父元素
,但您的html没有任何
元素。好的,很抱歉,我已经离开web编程一段时间了。最好的方法是什么