如何在javascript中获取ID为的复选框值 - How to get the checked checkboxes values with ID in javascript

How to get the checked checkboxes values with ID in javascript

本文关键字：复选框 ID 获取 javascript | 更新日期: 2023-09-27

我目前正在尝试获取选中复选框的值。这些复选框具有唯一的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!");
    }); 
});

我相信是语法。。。提前感谢！

这里是html和js，您的代码中有多个问题，JSFIDDLE这里是

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

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

您的id格式错误。它应该是CCD_ 2。因为您使用的是jQuery :checked选择器。

开始吧。我之所以使用console.log（），是因为我不喜欢获得大量弹出窗口……但除此之外，这是一样的。

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