时间戳

首页 > 解决方案 > 如果复选框更改，我如何更改值？

javascript - 如果复选框更改，我如何更改值？

问题描述

这里有什么问题？

if (status == "redbricks") {
  var total = area * $(".a2:checked").attr("price");
}

这部分有效，但这并不构成总“NAN”

else if (status == "redbricks") {
                    var total = ('1.2' * area * $(".a3:checked").attr("price"));

这部分的完整代码

var area = $(".area-input").val(),
  total = 0,
  status = $(".status-select:checked").val();
if (status == "redbricks") {
  var total = area * $(".a2:checked").attr("price");
} else if (status == "redbricks") {
  var total = "1.2" * area * $(".a3:checked").attr("price");
}

问题不在于我替换的“否则，如果”变成了

if ((status == "redbricks") & ($(".package-select").val() == "1")) {
  var total = area * $(".a3:checked").attr("price") + area * 200;
} else if ($(".package-select").val() == "2") {
  var total = area * $(".a2:checked").attr("price");
}

和 If 部分现在不工作 这是 HTML 代码 连接到 (if) 部分的第一部分

<label class="need-job-icon-text text-center ml-4 mr-4 mt-2">
  <input
    type="radio"
    name="package"
    value="2"
    price="75"
    class="j-checkbox package-select a2" />
  <span class="need-job-text-inner">
    <span class="checkbox-circle-mark position-absolute"> </span>
    <span class="need-job-icon">
      <img src="package2.png" />
    </span>
    <span class="need-job-text">
      <span
        style="color:#FFFFFF!important"
        class="text-uppercase need-job-title"
        >a2 title</span
      >
      <span class="text-capitalize need-job-text">
        <div class="d-none"></div></span></span></span
></label>

代码的第二部分（Else if 部分）

<label class="need-job-icon-text text-center ml-4 mr-4 mt-2">
  <input
    type="radio"
    name="package"
    value="1"
    price="1000"
    class="j-checkbox package-select a3"
  />
  <span class="need-job-text-inner">
    <span class="checkbox-circle-mark position-absolute"> </span>
    <span class="need-job-icon">
      <img src="main.png" />
    </span>
    <span class="need-job-text">
      <span
        style="color:#FFFFFF!important"
        class="text-uppercase need-job-title"
        >a3 title</span
      >
      <span class="text-capitalize need-job-text">
        <div style="font-size: 15px;color:#FFFFFF;">
          <a
            href="https://lh3.googleusercontent.com/-lM1MwUUIZd0/YRHAQLcsJQI/AAAAAAAABEI/Ft8JTRf93nsgqedy6Af5vobFyW4kfhy6wCLcBGAsYHQ/s16000/Mainpackage.png"
            target="_blank"
          >
            عرض التفاصيل
          </a>
        </div>
        <div class="d-none"></div>
      </span>
    </span>
  </span>
</label>

标签： javascriptjquery

解决方案

只是把它改成那个并且工作了！感谢所有在这里提供帮助的人，伙计们。<3

$(".print-page").show();
                /// a2 . a3
                var area = ($(".area-input").val()),
                    total = 0,
                    status = $(".status-select:checked").val(),
                    package =  $(".package-select:checked").val();
                if ((status == "redbricks") && (package == "yes" )) {
                    var total = (area * 200) + (area * $(".package-select:checked").attr("price"));
                } if ((status == "redbricks") && (package == "non" )) {
                    var total = (area * $(".package-select:checked").attr("price"));
                } else if (status == "half") {
                    var total = (area * $(".package-select:checked").attr("price"));
                }

还将 a3 输入的值从“1”更改为“是”，并将 a2 输入的值从“2”更改为“非”

推荐阅读