Javascript 无法在JQuery中同时读取单选按钮和选择框

所以我手头有一个相当简单的任务。从单选按钮和选择框中读取值，将它们相乘并显示在跨度标记中

问题是，我不能同时阅读这两本书。如果我读一个，另一个就不会发送数据

这是我的HTML：

<form class="" action="" method="post">
  <div class="form-group" required oninvalid="this.setCustomValidity('Please select a quanitity')" oninput="this.setCustomValidity('')">
    <label for="">Select purchase quantity:</label><br>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="qty" id="bachelorsRadio" value="<?php echo $price125; ?>">
      <label class="form-check-label" for="bachelorsRadio">125 grams for &#8377; <?php echo $price125; ?></label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="qty" id="mastersRadio" value="<?php echo $price250; ?>">
      <label class="form-check-label" for="mastersRadio">250 grams for &#8377; <?php echo $price250; ?></label>
    </div>
  </div>
    <div class="form-group col-md-6">
      <label for="orderquantity">Select packet quanitity:</label>
      <select class="custom-select"  id="myselect">
        <option selected>Select packet quantity</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </div>
    <div class="col-6">
      <p> Total price: &#8377; <span class="price">0</span> </p>
    </div>
  <button type="button" class="btn col-4 btn-outline-success">Buy now!</button>
  <button type="button" class="btn col-4 btn-outline-warning">Add to cart &#x1F6D2;</button>
</form>
});

我只能获取单选按钮的值或选择框的值以显示在我的价格范围中。此外，这需要实时进行，因此如果文本字段中也有任何更改，则值也需要更改

另外，您可能想知道PHP Echo是我从MySQL数据库中提取并存储在变量中的值。他们表现得很好

---

如何获取单选按钮和选择框的值，将它们相乘并在价格区间中显示？

您可以尝试以下代码：

函数计算器最终{ //获取这两个值并将它们解析为数字。 //如果只需要整数，则可以使用'parseInt'。 var amt=parseFloat$'input[name=qty]：选中'.val； var packet=parseFloat$myselect选项：selected.val； //将这些值相乘： var最终=金额*数据包； //使用“.text”设置值，因为我们不添加任何HTML。 //“.text”比“.html”更安全，因为它可以防止可能的XSS。 $'.price'.textfinal； } //加载页面后执行计算： $calculateFinal； //收听单选按钮上的更改事件，然后选择： $input[name='qty']，myselect.onchange，calculateFinal；

---

试着给他们起不同的名字tags@MeesEgberts没用。但这又有什么关系呢？我甚至没有在任何地方引用这个名字，没有，但是如果他们有相同的名字，你只能选择一个，而不是两个。他们不再有相同的名字了，我仍然有相同的问题要解决。谢谢@TobiasSchäfer

$(document).ready(function(){
  var amt = $('input[type=radio]:checked').val();
  var packet = $("#myselect option:selected").val();
  var final = amt*packet;
  $('.price').html(final);