Get checkbox value using onchange function

Question

I am using multiple check-boxes for some action. My requirement is to get on if the checkbox is checked and off when it is unchecked. But I am getting the value as on if I check/uncheck the checkbox.

<label class="cont">
   <input type="checkbox" name="listingstatus" id="listingstatus<?php echo $doc->module_video_id; ?>" onchange="listingStatus('<?php echo $doc->module_video_id; ?>')">
   <span class="checkmark"></span>
</label>


function listingStatus(module_video_id)
{
  var a = $('#listingstatus'+module_video_id).val();
  console.log(a);
}

user2575725 · Accepted Answer · 2018-09-08 05:33:06Z

3

Try is(":checked") with ternary operator:

var a = $('#listingstatus'+module_video_id).is(":checked") ? 'on' : 'off';

answered Sep 8, 2018 at 5:33

user2575725

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

1 Comment

Brainmaniac Over a year ago

this is the answer

connexo · Accepted Answer · 2018-09-08 05:33:31Z

0

Using plain vanilla Javascript you'd go with something like this:

btn.addEventListener('click', () => {
  const checkedInputs = Array.from(document.querySelectorAll('input:checked'));
  const values = [];
  checkedInputs.forEach((checkbox) => {
    values.push(checkbox.value);
  })
  console.log(values);
})

<input type="checkbox" value="foo" />
<input type="checkbox" value="bar" />
<input type="checkbox" value="baz" />
<input type="checkbox" value="wtf" />
<button type="button" id="btn">Console.log checked values</button>

If you need something different, please try to be more clear in what you're asking.

answered Sep 8, 2018 at 5:33

connexo

57.2k15 gold badges112 silver badges149 bronze badges

Comments

H.P. · Accepted Answer · 2018-09-08 05:38:37Z

0

use .checked instead of .value:

 <input type="checkbox" id="chkBox" onchange="foo()">

<script>
function listingStatus()
{
  var isChecked = document.getElementById('chkBox').checked;
  console.log(isChecked);
}
</script>

answered Sep 8, 2018 at 5:38

H.P.

865 bronze badges

Comments

Kirtee · Accepted Answer · 2018-09-08 05:42:02Z

0

You can check if checkbox is checked or not by using below script

function listingStatus(module_video_id)
    {
        if ($('#listingstatus' + module_video_id).prop('checked')) {
            console.log('checked do stuff here');
        } else {
            console.log('not checked');
        }
    }

answered Sep 8, 2018 at 5:42

Kirtee

1519 bronze badges

Collectives™ on Stack Overflow

Get checkbox value using onchange function

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related