我想捕捉复选框被选中的参数

Question

我想捕捉其复选框被选中的参数，但如果我的 tr 处于形式之下，那么他会给我整个 tr。请帮我。这是我的 jQuery 代码：

 $('#form').on('submit',function(e){
    e.preventDefault();
    if($('.checkbox').is(':checked')){
            var selector = $(this).closest("tr")//get closest tr
            console.log(selector)
      //get select valus
        var id = selector.attr('data-id');
            alert(id);
        var package_name = selector.find('.visa_type').val();
        var prcs_type_price = selector.find("select[name=processing_type]").val();
        var processing_type = selector.find("select[name=processing_type] option:selected").text();
        var total = selector.find(".package_price").text(prcs_type_price).val()
            var date = selector.find('.travel_date').val();
    }
)};

Answer 1

只需运行 .each 超过选中的

$('#form').on('submit', function(e) {
    e.preventDefault();
    $('.checkbox:checked',this).each(function() {
      const $row = $(this).closest("tr"); 
      const id = $row.id;
      const package_name = $row.find('.visa_type').val();
    })

您可以这样做 .on("input" 并在任何更改时更新字段

我想捕捉复选框被选中的参数

I want to catch the argument whose checkbox is checked

javascript

jquery

dom-events