检查单选按钮后Jquery没有触发

时间:2013-05-30 07:33:35

标签: jquery radio-button

所以我检查一个单选按钮后让我的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();
        }
    });

2 个答案:

答案 0 :(得分:4)

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

你有一个额外的括号,导致语法错误

Here's a fiddle

答案 1 :(得分:0)

将其更改为此

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

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

这是一个jsFiddle