javascript - 如何在javascript中获取带有ID的选中复选框值

Question

我目前正在尝试获取选中复选框的值。这些复选框具有唯一的 ID，因为它们是在模式框上定义的。

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

在这里，我正在测试是否可以检索它们，但不幸的是，我不能。

$("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!");
    }); 
});

我相信这是语法......提前致谢!

Answer 1

这里是html和js，你的代码有多个问题，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");
    }); 
  });
});