How to get selected checkbox value in a loop using jQuery?

Question

I have a PHP while loop where I insert the following code to show On and Off button.

<div class="onoffswitch">
    <input type="hidden" name="hiddenID" value="<?php echo $id; ?>">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch<?php echo $i ?>" <?php echo $status; ?>>
    <label class="onoffswitch-label" for="myonoffswitch<?php echo $i; ?>">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

Now I want to get hidden (hiddenID) field value when the on-off button is changed but it's showing me undefined with following code:

$(document).ready(function () {
    $(".onoffswitch").change(function() {
      var hiddenID = $(this).attr('hiddenID');      
      alert(hiddenID);
    });
});

Why it's showing me undefined error?

you should be listening for input, not div - $('[name="hiddenID"]') — Mantas Čekanauskas
– Mantas Čekanauskas, Commented Jun 24, 2017 at 11:34

Sagar V · Accepted Answer · 2017-06-24 11:50:12Z

1

$(this) you are, at present, in the onoffswitch check box. It doesn't have an attribute hiddenID

also the hiddenID is not an attribute in it's parent element. It is a value of the name attribute.

use $(this).prev().val()

or

$(document).ready(function () {
    $(".onoffswitch").change(function() {
      var hiddenID = $(this).prev("[name=hiddenID]").val()
      alert(hiddenID);
    });
});

edited Jun 24, 2017 at 11:50

answered Jun 24, 2017 at 11:34

Sagar V

12.5k8 gold badges46 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Shibbir Over a year ago

Well, it's removed the error message but get the same id value every time. is there anything am I missing?

Sagar V Over a year ago

I think you are calling it in the wrong place. Try the code block

Shibbir Over a year ago

and this line $(this).prev().val(); showing unefined error message and your updated is showing me same id value.

Sagar V Over a year ago

are you changing the value each time when the checkbox is toggled using ajax?

Shibbir Over a year ago

The code I have posted is in the php while loop. Here I am using hidden input field to show the id value which is different. Now I want to alert this hidden id value when checkbox is changed

|

Collectives™ on Stack Overflow

How to get selected checkbox value in a loop using jQuery?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related