如何解决:为前两个复选框添加值不同的复选框

时间:2019-06-10 13:26:27

标签: jquery checkbox syntax add

尝试根据前两个复选框的选择将各种复选框的值加在一起。 Select用于表示页面的POST,并且是100kms200kms以及其他复选框的乘数。每日显示而不是相乘,而总计则显示相乘。我感觉这是语法错误或函数调用错误。

我试图创建一组不同的功能来实现其自身的目的,并且不可避免地将事物相加/相乘。我试图更改函数调用另一个位置的位置,例如DisplayVals1Calculate1。我的小提琴在这里查看。 https://jsfiddle.net/shiataz12/mjnqth3L/83/

 $("#qr3").click(function() {
     var n3 = $( "input[name='checkbox1']:checked" ).length;
     if(n3) {
       Calculate1();
     }
     else {
       Calculate2();
     }
 });

上面的代码段是我试图用来在总数中添加额外复选框的内容。

3 个答案:

答案 0 :(得分:0)

根据评论建议ID必须是唯一的。您可以像下面一样使用 "lint": "eslint" 选中复选框是否选中。你的小提琴有错误,所以我只删除其他代码并仅调用函数。

prop("checked", true);
$(document).ready(function() {
  if ($("input[name='checkbox1']").prop("checked") == true) {
    Calculate1();
  }
  $('input[name="checkbox1"]').click(function() {
    $('input[name="checkbox2"]').prop('checked', false);
  });
  if ($("input[name='checkbox2']").prop("checked") == true) {
    Calculate2();
  }
  $('input[name="checkbox2"]').click(function() {
    $('input[name="checkbox1"]').prop('checked', false);

  });
});


function Calculate1() {
  alert('calling Calculate1 function');
}

function Calculate2() {
  alert('calling Calculate2 function');
}

答案 1 :(得分:0)

从您的评论中回答您的新问题:您曾经在2个地方使用过kg1,而您打算使用kg2。检查:https://jsfiddle.net/oaxtz8q7/

诸如

的地方
kms41 =  parseInt(Multiplier) * parseInt(kilo1);

应该是

kms41 =  parseInt(Multiplier) * parseInt(kilo2);

答案 2 :(得分:0)

对于任何对这个主题感兴趣的人,我都想出了问题,尽管我的代码可以有所减少,但是我设法使我的小提琴正常工作,并将其发布在这里供任何人查看。错误发生在refs/heads/release/app行中,因为第一条语句无论如何都会返回false,所以不一定要执行该错误。无论如何,这就是我的想法。 https://jsfiddle.net/shiataz12/Lo1yek2g/7/。并且我添加了代码片段,如果更简单。

origin
else if ($(($('input[name="checkbox2"]').prop("checked") == true) {