Javascript 如何在显示模式框后选中复选框?

Javascript 如何在显示模式框后选中复选框?,javascript,jquery,Javascript,Jquery,我不明白我的代码中发生了什么。我想在选中复选框时显示一个模式框。 我显示模式框,但复选框保持未选中状态 你能帮助我吗? 提前谢谢 <td colspan="3"><input class="solo{{idioma.id}}" type="checkbox" id="mantenerhorario" name="mantenerhorario" {% if mantenerhorarioanterior == 1 %} checked {% endif %} data-t

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

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

如果要与复选框一起使用,则应使用prop函数,以便

$("#mantenerhorario").attr('checked', true);
必须成为

$("#mantenerhorario").prop('checked', true);
当您在同一对象的事件中使用此函数时,您可以执行以下操作

$(this).prop('checked', true);
我找到了

我已经删除了这部分代码

数据目标=myModal数据切换=modal

从这里

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

});

我想在选中复选框时显示一个模式框,并且选中复选框-没有意义。您已经选中它以显示模型,那么为什么还要再次选中它?我的复选框显示模式框,但不保持选中复选框。你明白吗?@TJ他的意思是他的复选框在弹出模式框后不会保持选中状态谢谢Alex,我的英语技能不是很好谢谢Telmo,我以前测试过你的代码,但它不起作用。检查你的代码很奇怪。您没有关闭输入标记。也许就是这样。您还应该使用带有复选框的prop函数。