Question

我正在使用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());
    }
});

Answer 1

您不需要混淆所需的所有选择器

this.value

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

Answer 2

你应该

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

而不是

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

Answer 3

试试此代码

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

查看此代码HERE
的工作情况

Answer 4

我使用以下代码获取单选按钮检查事件：

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

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

4 个答案: