Jquery单选按钮检查并取消选中

时间:2012-01-03 05:11:19

标签: jquery radio-button

我在一个组中有几个单选按钮,其中一个是:

<input type='radio' id='other' name='Group'></input>
<label for='other'>Other:</label>

我想这样做,以便在选中按钮时收到提醒。当单选按钮取消选中后,检查后(通过选择另一个按钮)我想获得不同的警报消息。

JQuery(这不起作用):

$('input:radio[id="other"]').change(
    function(){
        if ($(this).is(':checked')) {
            alert("checked");
        }
        if ($(this).is(':notchecked')) {
            alert("notchecked");
        }           
    }
);

3 个答案:

答案 0 :(得分:2)

试试这个。正如@JQone建议您需要将该函数应用于每个按钮:

$('input:radio[name="Group"]').change( function(){
    if ($('#other').is(':checked')) {
        alert("checked");
    } else {
        alert("notchecked");
    }
});

http://jsfiddle.net/zZPcH/

的工作示例

答案 1 :(得分:2)

您应该为广播组编写更改事件,而不是每个按钮。然后看看哪个单选按钮被选中

这是jsFiddle参考。 http://jsfiddle.net/uAR6e/

答案 2 :(得分:0)

if ($(this):not(:checked)) {
   alert("notchecked");
 }