jquery - jQuery 和 if 语句和单选按钮

Question

我试图开始工作的脚本旨在在用户位于页面的某个部分时隐藏一个按钮。问题是 .hide() 没有被解雇，我相信它与 if 语句有关，只是不太确定。

$(function () {
    var sndReminderBtn = $('.sendreminderBtn');
    var resultSelection = $('.resultsSelector');



    if (resultSelection.is(':checked')) {
        sndReminderBtn.hide();
        alert("Button is hidden");

    } else {
        sndReminderBtn.show();
        alert("button is NOT hidden");
    }
});

Answer 1

如果检查了 requestSelection，则必须更改验证方式

改变：

if(resultSelection.is(':checked')){

经过：

if(resultSelection.attr('checked')){

或者，如果您使用的是 jquery 1.6+

if(resultSelection.prop('checked')){

Answer 2

页面加载时绑定监听器然后触发你的函数

$(function () {
     $('.sendreminderBtn').click(showHide); 
});

function showHide(){
    var sndReminderBtn = $('.sendreminderBtn');
    var resultSelection = $('.resultsSelector');
    if (resultSelection.is(':checked')) {
        sndReminderBtn.hide();
        alert("Button is hidden");

    } else {
        sndReminderBtn.show();
        alert("button is NOT hidden");
    }
}

Answer 3

如果您不将处理程序附加到事件，它将不起作用。此外，代码可以更短：

$(function () {
    $('.resultsSelector').on('change', function () {
        $('.sendreminderBtn').toggle($(this).is(":not(:checked)"));
    });
});