单选按钮单击事件不起作用

Radio button click event not working

本文关键字：不起作用 事件 单击 单选按钮      更新时间：2023-09-26

我使用jQuery v2.0.2和Bootstrap v3.0.3。我试图做一些操作时，单选按钮被选中。但这对我不起作用。

Html代码:

<div class="form-group col-md-6" id="WorkspaceDivId">
    <label>Workspace</label></br>
    <input name="workspaceId"  id="essenceRadioId" type="radio" value="1" checked="checked" > Essence 
    <input name="workspaceId"  id="depotRadioId" type="radio" value="2" > Depot
</div>
javascript: 

$("#WorkspaceDivId input[name='workspaceId']").click(function(){
    alert('You clicked radio!');
    if($('input:radio[name=workspaceId]:checked').val() == "2"){
        alert($('input:radio[name=type]:checked').val());
    }
});

你不需要混淆所有的选择器，你只需要

this.value 

if($('input:radio[name=workspaceId]:checked').val() == "2"){
    alert(this.value);
}

你应该

alert($('input:radio[name=workspaceId]:checked').val());
不是

alert($('input:radio[name=type]:checked').val());

我正在使用以下代码获得单选按钮检查事件:

$('#essenceRadioId').on('ifChecked',function() {
        console.log('essenceRadioId');
});

试试这个代码

$("input[name='workspaceId']").click(function(){
    alert('You clicked radio!');
    if($(this).val() == "1"){
        alert($(this).val());
        //$('#select-table > .roomNumber').attr('enabled',false);
    }
});

查看这段代码的工作原理这里

相关文章：