Javascript 单选按钮单击事件不工作
我使用的是Javascript 单选按钮单击事件不工作,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我使用的是jqueryv2.0.2和bootstrapv3.0.3。当单选按钮被选中时,我正在尝试执行一些操作。但这对我来说是行不通的 Html代码: <div class="form-group col-md-6" id="WorkspaceDivId"> <label>Workspace</label></br> <input name="workspaceId" id="essenceRadioId" type="ra
jqueryv2.0.2
和bootstrapv3.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>
你不需要混合所有你需要的选择器
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());
试试这个代码
$("input[name='workspaceId']").click(function(){
alert('You clicked radio!');
if($(this).val() == "1"){
alert($(this).val());
//$('#select-table > .roomNumber').attr('enabled',false);
}
});
请参阅此代码的工作原理
$("input[name='workspaceId']").click(function(){
alert('You clicked radio!');
if($(this).val() == "1"){
alert($(this).val());
//$('#select-table > .roomNumber').attr('enabled',false);
}
});
我使用以下代码获取单选按钮检查事件:
$('#essenceRadioId').on('ifChecked',function() {
console.log('essenceRadioId');
});
input:radio[name=type]
你确定吗?你正在使用的标签是什么。。?