单击复选框时汇总隐藏字段的值不起作用
Summing up value for hidden field when checkbox is clicked not working
我有一个复选框,但将值分配给项目的名称。现在我有了这个隐藏字段,该字段具有分配给项目价格的值。现在,当我使用隐藏字段运行 jQuery 来计算所选项目的总和时,它不起作用。当我将价格和计算 ID 分配给复选框而不是隐藏字段时,它的工作方式正好相反。
这是我的jquery:
<script type="text/javascript">
function calcscore(){
var score = 0;
$(".calc:checked").each(function(){
score+=parseInt($(this).val(),10);
});
$('#price').text(score.toFixed(2));
$("input[name=sum]").val(score)
}
$().ready(function(){
$(".calc").change(function(){
calcscore()
});
});
</script>
和我的html:
<li>
<label>
<input class="calc" type="checkbox" name="seasoning[]" value="Title1"/>
The Title
</label>
<input type="hidden" name="title8" value="250">
</li>
<li>
<label>
<input class="calc" type="checkbox" name="seasoning[]" value="Title1"/>The Title
</label>
<input type="hidden" name="title8" value="150">
</li>
<p>Total: PHP <span id="price">0</span></p>
任何见解将不胜感激。谢谢
你的代码应该更像下面的解决方案,并检查它在jsfiddle上是如何工作的: https://jsfiddle.net/yehiaawad/wwtwmaLv/您的网页:
<li>
<label>
<input class="calc" type="checkbox" name="seasoning[]" value="Title1"/>
The Title
<input type="hidden" name="title8" value="250">
</label>
</li>
<li>
<label>
<input class="calc" type="checkbox" name="seasoning[]" value="Title1"/>The Title
<input type="hidden" name="title8" value="150">
</label>
</li>
<p>Total: PHP <span id="price">0</span></p>
您的 JS
function calcscore(){
var score = 0;
var checked=$(".calc:checked ~ input[type=hidden]").each(function(){
score+=parseInt($(this).val());
});
$('#price').text(score.toFixed(2));
}
$(document).ready(function(){
$(".calc").change(function(){
calcscore()
});
});
相关文章:
- 模态上的输入/注册字段不起作用
- 单击跨度后打开文本字段不起作用
- jQuery更新文本字段不起作用
- Emberjs 车把内容绑定编辑字段不起作用
- NodeJS 套接字连接不起作用
- 引导超前指令对输入字段不起作用
- 用于验证空输入字段不起作用的 JS 函数
- Javascript表单验证部分检查空数据字段不起作用
- 为什么这个代码段不起作用
- Elm-从js更新日期输入字段不起作用
- 多个jquery日期时间作为表单字段不起作用
- 为什么这个javascript自动填充多个字段不起作用
- jQuery UI子菜单中的输入字段不起作用
- jQuery验证对输入字段不起作用
- 下一个元素的自动聚焦(autotab)对动态创建的字段不起作用
- 带startAt和endAt的orderByChild对合并字段不起作用
- onclick提交上的数据库更新字段不起作用
- 代码段不起作用
- JavaScript 显示/隐藏字段不起作用 - OnChange 不会每次都发生
- jQuery验证对两个字段不起作用