if($('#yes').prop('checked')){

       $('#phone-num').show();
    }else{

     $('#phone-num').hide();

    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for=" yes"> Phone Me concerning this case:<input type="checkbox" name="phone_me" id="yes"  /></label>
<label for="yes"> Yes</label>
<input type="text" name="phone_num" id="phone-num" />

最佳答案

为此,您需要侦听复选框上的单击。

您编写的代码(如您所做的那样)仅在页面加载时执行一次。

在下面的代码段中,侦听器将添加到该复选框,并在您每次单击它时触发。



$('#yes').click(function() {
    var isChecked = $(this).prop('checked');
    if (isChecked) {
        $('#phone-num').show();
    } else {
        $('#phone-num').hide();
    }
});

#phone-num {
    display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="yes"> Phone Me concerning this case: </label>
<input type="checkbox" name="phone_me" id="yes" />

<label for="yes"> Yes</label>
<input type="text" name="phone_num" id="phone-num" />

08-06 01:35
查看更多