jquery选中多个load（）的复选框

Question

我需要使用mySet

加载外部文件

HTML代码

checkbox

jQuery代码

<div id="checkboxes">
            <form class="form_categoria">
                <input name="primo" type="checkbox" value="1">primo<br>
                <input name="secondo" type="checkbox" value="2">secondo<br>
                <input name="terzo" type="checkbox" value="3">terzo     
            </form>
        </div>
<form class="elenco">
        N: <div id="risultato_lista"></div>
    </form>

但代码只加载最后一个复选框。我需要加载复选框选择的所有外部$(document).ready(function(){ $('input[type="checkbox"]').change(function() { //var checkbox_value = ""; $('input[type=checkbox]').each(function () { var ischecked = $(this).is(":checked"); if (ischecked`enter code here`) { checkbox_value = $(this).val(); $('#risultato_lista').load(checkbox_value + '.php'); } }); //alert(checkbox_value); }); }); 文件。怎么解决？

Answer 1

每次都会覆盖你的div内容。

 $('#risultato_lista').load(checkbox_value + '.php');

因此，您需要将加载内容存储在某个变量中，然后附加到$('#risultato_lista')

而不是加载我在这里使用$.get

$(document).ready(function(){
    $('input[type="checkbox"]').change(function() {
        $('#risultato_lista').html('');
        //var checkbox_value = "";
        $('input[type=checkbox]').each(function () {
        var ischecked = $(this).is(":checked");
            if (ischecked`enter code here`) {
                checkbox_value = $(this).val();
                $.get(checkbox_value + '.php', function(response) {
                    //var logfile = response;
                    $('#risultato_lista').append(response);
                });

            }
        });
    //alert(checkbox_value);
    });
});