javascript - 使用按钮在 div 中查找并显示所有选中的复选框标题

Question

我有一个带有许多复选框的巨大表格。在特定区域中，我显示了从选中复选框的值中产生的总金额。我想在我的总金额下方的特定区域（div）中显示选中复选框的所有标题或替代项。最好使用 JQuery。

[已解决] 这是我所期望的.. 终于解决了：

$("input[type='checkbox']:checked").each(function(){
var checkAltValue = $(this).attr("value");
$('div#WHATEVER_DIV_ID').append(checkAltValue)
});

您也可以在下面找到更好的选择。谢谢大家的小提琴例子..

Answer 1

将以下代码添加到您的按钮单击处理程序以获取所有复选框的值：

$("input[type='checkbox']:checked").each(function(){
    var checkAltValue = $(this).prop("alt");
    //other code here
});

Answer 2

这只是监听.click()事件的情况，然后在调用时，找到所有选中的复选框并添加到 div。下面的例子：

演示

$(document).ready(function(){
    $('#myButton').click(function(){
        var checked = $('#checked');
        checked.children().remove();
        $('input[type=checkbox]:checked').each(function(){
            checked.append($(document.createElement('li')).text($(this).attr('title')));
        });
    });
});

Answer 3

这是一个应该有帮助的工作小提琴

这是代码 -

$(function(){
   $('#test').click(function(){ //#test being the id of the button you want to click

      var allTitles = $(':checkbox:checked').map(function(){ 
         return this.alt 
      }).get().join();

   $('#myDiv').html(allTitles);
});

Answer 4

您可以通过以下方式检查表单上的所有复选框：

$("input[type=checkbox][checked]").each( 
    function() { 
       // Insert code here 
    } 
);