jquery - 选中单选按钮后 Jquery 未触发

Question

所以我在检查单选按钮后让我的jquery触发有点问题。我跟着 jsFiddle 但由于某种原因它对我不起作用。我通过谷歌搜索找到了两种方法，但我不知道为什么它不起作用

<input type="radio" id="hourlyRadio" name="group1" class="group1" value="hourly"></input>
    <input type="radio" id="dailyRadio" name="group1" class="group1" value="daily"></input>
    <input type="radio" id="weeklyRadio" name="group1" class="group1" value="weekly"></input>
    <input type="radio" id="monthlyRadio" name="group1" class="group1" value="monthly"></input>

这是我现在的jquery，警报在那里查看它是否真的触发：

$('input:radio[name="group1"]').change(
    function(){
        if($('#hourlyRadio')).is(':checked')){
            alert('i just came to say hello');
            }
    });

我以前试过这个，但可惜没有用：

    $("#hourlyRadio").change(function() {
    if($("#hourlyRadio").prop("checked")){
        alert("THIS");
        alert("IS");
        alert("WORKING");
        $(hourly).show();
        $(daily).hide();
        $(weekly).hide();
        $(monthly).hide();
        }
    });

Answer 1

$('input:radio[name="group1"]').change(function(){
    if ($('#hourlyRadio')).is(':checked')) {
                         ^ remove this
        alert('i just came to say hello');
    }
});

您有一个额外的括号，导致语法错误

这是一个小提琴

Answer 2

改成这个

$('input[name="group1"]').click(function(){

    if($(this).is(':checked') && $(this).attr('id') == 'hourlyRadio' ){
            alert('i just came to say hello');
    }
});

这是一个jsFiddle