Как открыть модальный bootstrap, нажав на флажок?

Question

Я ищу, чтобы открыть модальное #LoginModalStart, с флажком, но страница открывает этот модальный с каждым флажком.

Можете ли вы помочь мне?

$('input[type="checkbox"]').on('change', function(e) {
            if (e.target.checked) {
                $("#LoginModalScreenplay").modal();
            }
        });

Answer 1

$('input[type="checkbox"]') цели каждый флажок на вашей странице. Вы, вероятно, хотите установить флажок Speci c. Как то так

<input type="checkbox" id="my-special-checkbox">

$('#my-special-checkbox').on('change', function(e) {
            if (e.target.checked) {
                $("#LoginModalScreenplay").modal();
            }
        });

Answer 2

Вы используете это,

<input name="checkbox" type="checkbox" id="my-special-checkbox" value=1>
<input name="checkbox" type="checkbox" id="my-special-checkbox" value=2>
<input  name="checkbox" type="checkbox" id="my-special-checkbox" value=3>

<script>
$(document).ready(function(){
    $('input[name="checkbox"]').on('change', function(e) {
        var x = $(this).val();
        $("input:checkbox").prop('checked', false);

        if(x==1){
            $("input[value="+x+"]").prop('checked', true);
            $("#LoginModalScreenplay").modal(); //or $("#LoginModalScreenplay").show();
        }
    });
});
</script>

Answer 3

Вы должны передать show в modal метод:

$('#LoginModalScreenplay').modal('show')