Javascript 将单选按钮值与文本字段值相乘,然后将其与另一字段中的其他值相加?
如何将单选按钮的值乘以作为其数量的文本框,然后将其添加到其他值复选框中,并将其合计到空白字段中 这是我的HTML的结构Javascript 将单选按钮值与文本字段值相乘,然后将其与另一字段中的其他值相加?,javascript,jquery,forms,radio,Javascript,Jquery,Forms,Radio,如何将单选按钮的值乘以作为其数量的文本框,然后将其添加到其他值复选框中,并将其合计到空白字段中 这是我的HTML的结构 <li class="numbers-row"> <label> <input type="radio" name="combos" id="item2-title" value="The Name"/> The Thumbnail<p>The Title</p>
<li class="numbers-row">
<label>
<input type="radio" name="combos" id="item2-title" value="The Name"/>
The Thumbnail<p>The Title</p>
<input type="textfield" name="quantity" id="item2-title" value=""/>
<input class="calc" type="hidden" name="item1-val" value="The Price">
</label>
</li>
<li class="numbers-row">
<label>
<input type="checkbox" name="combos[]" id="item2-title" value="The Name"/>
The Thumbnail<p>The Title</p>
<input class="calc" type="hidden" name="item2-val" value="The Price">
</label>
</li>
<p>Total: PHP <span id="price">0</span></p>
[编辑]
我从这个jquery开始
<script>
$(function() {
$(".numbers-row").append('<div class="inc button">+</div><div class="dec button">-</div>');
$(".button").on("click", function() {
var $button = $(this);
var oldValue = $button.parent().find("input").val();
if ($button.text() == "+") {
var newVal = parseFloat(oldValue) + "The Price";
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - "The Price";
} else {
newVal = 0;
}
}
$button.parent().find("input").val(newVal);
});
});
以下脚本将帮助您完成任务: $function{ var totalPlaceholder=$‘价格’; 变量qtyInput=$'。正数'; 函数计算总计{ 变量数量=qtyInput.val*1; 总风险=0; 如果数量{ var productSelected=$'input[name=product]:选中'; 如果选择Product.length>0{ 试探总数+=数量*productSelected.val; } }; $'input[name^=option]:选中。每个函数i{ var thispoptionvalue=$this.val; 试探总数+=此选项值*1; }; totalPlaceholder.text-testotal; }; qtyInput.on'input',函数E{ var thisQty=$this; var thisQtyValue=thisQty.val; var validatedValue=thisQtyValue.replace/[^\d]/g,*1; 如果thisQtyValue!=validatedValue{ 此Quantity.ValveAlidated值; }; 计算总数; }; $'input[name=product],input[name^=option]'。在'change',calculateTotal; $'.button'。单击,函数E{ var thisButton=$this; var增加=此按钮。HASSCLASS'inc'?1:-1; var currentValue=qtyInput.val; var newValue=当前值*1+增加;
如果newValueYou不能指望人们解决你的难题。请表现出一些努力,到目前为止你尝试过什么吗?@skobaljic我编辑了这个问题,我有一个jquery开始,但我无法计算出总数