How to get the checked checkboxes values with ID in javascript

Question

I'm currently trying to get the values of checked checkboxes. These checkboxes have unique IDs because they are defined on a modal box.

<input type = 'checkbox' id = 'audience_Name-$row[asset_ID]' value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name-$row[asset_ID]' value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name-$row[asset_ID]' value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name-$row[asset_ID]' value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name-$row[asset_ID]' value = 'SMB'> SMB
<input type = 'button' id = 'editAssetColumn' value = 'Submit'>

And here, I'm testing if I'm retrieving them but unfortunately, I cannot.

$("button#editAssetColumn").click( function() {
    var edit_id = $(this).attr('id');
    var name = $("input#audience_Name:checked-"+edit_id).val();
    $('input#audience_Name:checked-'+edit_id).each(function() {
        alert("Success!");
    }); 
});

I believe it's the syntax... Thanks in advance!

protip: this.id > $(this).attr("id");. Also, don't use alert() as a debugging tool. console.log() is made just for that. — Sterling Archer
– Sterling Archer, Commented Sep 3, 2014 at 2:38
Hmm okay thanks for the suggestion. But my problem right now is syntax. I'm not really sure if I'm retrieving all the checked checkboxes with these codes. Specifically this line: "$('input#audience_Name:checked-'+edit_id).each(function() {". Am I getting all the checked checkboxes which are defined with an ID? — cartmander
– cartmander, Commented Sep 3, 2014 at 2:41
Cant get some logics #1 alert(audience_Name) where is 'audience_Name' defined. #2 $("input#audience_Name:checked-"+edit_id) does not make sense — Mujtaba Haider
– Mujtaba Haider, Commented Sep 3, 2014 at 2:41

Mujtaba Haider · Accepted Answer · 2014-09-03 02:54:24Z

1

Here is html and js, there were multiple problems in your code, JSFIDDLE here

HTML

<input type = 'checkbox' id = 'audience_Name[]-$row[1]' class="audience_Name" value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name[]-$row[2]' class="audience_Name" value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name[]-$row[3]' class="audience_Name" value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name[]-$row[4]' class="audience_Name"  value = 'SMB'> SMB
<input type = 'checkbox' id = 'audience_Name[]-$row[5]'  class="audience_Name"  value = 'SMB'> SMB
<input type = 'button' id = 'editAssetColumn' value = 'Submit'>

JS

$(document).ready(function(){
  $("#editAssetColumn").click( function() {
    console.log("here");
    $('.audience_Name:checked').each(function() {
        console.log("asdfsf");
    }); 
  });
});

answered Sep 3, 2014 at 2:54

Mujtaba Haider

1,6502 gold badges19 silver badges29 bronze badges

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

1 Comment

JClaspill Over a year ago

jsfiddle.net/km2vLfvz I added a this.id instead of asdfsf. But this is probably what he is after.

Kyle Emmanuel · Accepted Answer · 2014-09-03 02:47:15Z

0

Your id is in the wrong format. it should be "input#audience_Name-" + edit_id + ":checked". since you are using the jQuery :checked selector.

answered Sep 3, 2014 at 2:47

Kyle Emmanuel

2,2211 gold badge17 silver badges23 bronze badges

1 Comment

cartmander Over a year ago

In terms of syntax, this is what I'm looking for. Thank you! :)

Yann · Accepted Answer · 2014-09-03 02:54:32Z

0

Here you go. I'm using console.log() because I'm not a fan of getting a bazillion popups… But other than that, it's the same thing.

$("#editAssetColumn").on("click", function() {
  $('input:checkbox:checked').each(function() {
    console.log($(this).val());
  });
});

answered Sep 3, 2014 at 2:54

Yann

6042 gold badges7 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to get the checked checkboxes values with ID in javascript

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related