Question

我有一个带有许多复选框的巨大表格。在特定区域中，我显示从已检查复选框的值中发生的总金额。我希望在我的总金额以下的特定区域（div）中显示已选中复选框的所有标题或alt。最好是用JQuery。

[求助]这就是我所期待的......终于解决了：

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

您也可以在下方找到更好的替代方案。谢谢大家的小提琴示例..

Answer 1

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

Demo

$(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 2

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

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

Answer 3

这是一个有用的fiddle

这是代码 -

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

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

4 个答案: