Question

我有这个代码，当我试图切换复选框（我可以查看检查中的更改）时，复选框的值不会改变

<div class="checkbox checkbox-success">
<input type="checkbox"  name="NCONF_RSN1" id="NCONF_RSN1" value="">
      <label>
       Facility is far
      </label>
      <input type="hidden" name="NCONF_RSN1" id="NCONF_RSN1" value=""/>
</div>

Answer 1

结账时带值

 if ($(this).prop("checked") == true) {
          $("h2 span").text(checkBoxval);
     }

$(document).ready(function() {
  var $checkBox = $("[type='checkbox']");
  var checkBoxval = $checkBox.val();
  $("h2 span").text(checkBoxval);
  $checkBox.on("click", function() {
    if ($(this).prop("checked") == true) {
      $("h2").show();
      $("h2 span").text(checkBoxval);
    } else {
      $("h2").hide();
    }
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="checkbox checkbox-success">
  <input type="checkbox" name="NCONF_RSN1" id="NCONF_RSN1" value="My Checkbox value" checked="true">
  <label>
       Facility is far
      </label>
  <input type="hidden" name="NCONF_RSN1" id="NCONF_RSN1" value="" />
  <h2>Your value is <span></span></h2>
</div>

Answer 2

好吧，我们看不到你的js代码，但你不应该像使用NCONF_RSN1一样复制id属性

Answer 3

你给两个输入元素都有相同的id，给出两个不同的id。然后它会工作

Answer 4

弄清楚我的问题，添加＆＃34; _＆＃34;隐藏ID

而不是id =＆＃34; NCONF_RSN1＆＃34;我使用id =＆＃34; NCONF_RSN1 _＆＃34;。

我刚尝试过，我不知道它是如何运作的。

＆＃13;

<div class="checkbox checkbox-success">
<input type="checkbox"  name="NCONF_RSN1" id="NCONF_RSN1" value="">
      <label>
       Facility is far
      </label>
      <input type="hidden" name="NCONF_RSN1" id="NCONF_RSN1_" value=""/>
</div>

＆＃13;

当我试图切换复选框时，值不会改变

4 个答案: