Question

我不明白我的代码中发生了什么。我想在选中复选框时显示模态框。我显示模态框但复选框保持未选中状态你能帮助我吗？提前谢谢！

 <td colspan="3"><input class="solo{{idioma.id}}" type="checkbox" id="mantenerhorario" name="mantenerhorario" {% if mantenerhorarioanterior == 1 %} checked {% endif %} 
 data-target="#myModal" data-toggle="modal" > Mantener horario del año anterior</td>

 $("#mantenerhorario").click( function(){
        $('body').append('<div id="modalMantenerHorario" class="modal hide fade" role="dialog" 
        aria-labelledby="dataConfirmLabel" aria-hidden="true">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Aviso</h3></div><div class="modal-body"><p>my msg.</p></div>
        <div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Aceptar</button></div></div>');
        $('#modalMantenerHorario').find('.modal-body').text($(this).attr('data-confirm'));
        $('#modalMantenerHorario').modal({show:true});
        $("#mantenerhorario").attr('checked', true);
    });

Answer 1

要使用复选框，您应该使用道具功能

$("#mantenerhorario").attr('checked', true);

必须成为

$("#mantenerhorario").prop('checked', true);

当你在同一个物体的情况下使用这个功能时，你可以做到

$(this).prop('checked', true);

Answer 2

我找到了它！

我删除了这部分代码

数据目标=＆＃34;＃myModal＆＃34;数据肘节=＆＃34;模态＆＃34;

从这里

 <input class="solo{{idioma.id}}" type="checkbox" id="mantenerhorario" name="mantenerhorario" 
 {% if mantenerhorarioanterior == 1 %} checked {% endif %} data-target="#myModal" 
 data-toggle="modal" >

它有效。

 <input class="solo{{idioma.id}}" type="checkbox" id="mantenerhorario" name="mantenerhorario" 
 {% if mantenerhorarioanterior == 1 %} checked {% endif %}>

 $("#mantenerhorario").click( function(){
    $('body').append('<div id="modalMantenerHorario" class="modal hide fade" role="dialog" 
    aria-labelledby="dataConfirmLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Aviso</h3></div><div class="modal-body"><p>my msg.</p></div>
    <div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Aceptar</button></div></div>');
    $('#modalMantenerHorario').find('.modal-body').text($(this).attr('data-confirm'));
    $('#modalMantenerHorario').modal({show:true});

});

如何在显示模态框后选中复选框？

2 个答案: