CODEWITHSUNDEEP
javascriptjqueryhtml
John Carlo Velasquez
John Carlo Velasquez

Reputation: 159

value doesn't change when I'm trying to toggling the checkbox

I have this code, when im trying to toggle the checkbox (I can view the changes in inspect), the value of the checkbox doesnt change

<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>

Upvotes: 3

Views: 7637

Answers (4)

Hidayt Rahman
Hidayt Rahman

Reputation: 2678

checkout with value 

 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>

Upvotes: 4

John Carlo Velasquez
John Carlo Velasquez

Reputation: 159

Figured out my problem, added "_" on hidden id

Instead of id="NCONF_RSN1" i used id="NCONF_RSN1_".

i just tried it, i dont know how it worked.

<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>

Upvotes: 1

mpalma
mpalma

Reputation: 303

Well, we can't see you js code but, you SHOULDN'T duplicate an id attribute like you did with NCONF_RSN1

Upvotes: 2

RAUSHAN KUMAR
RAUSHAN KUMAR

Reputation: 6004

You given the same id to both input element, give two different id. Then it will work

Upvotes: 1

Related Questions