选择互斥 html,利用JS对两行Input radio 进行互斥选择。

根据项目需要对radio 进行选择 就是说第一种选了第二种不能在选了。

标签是很简单 直接  

主要说一下JS代码如下

$(function(){

$('.radioItemY').change(function() {

var selectedvalueY = $("input[name='methodY']:checked").val();

$("[name='methodX']").attr("disabled", false);

switch (selectedvalueY){

case '案发辖区':

$("#radio3X").attr("disabled", "disabled");

break;

case '接警方式':

$("#radio1X").attr("disabled", "disabled");

break;

case '警情判定':

$("#radio2X").attr("disabled", "disabled");

break;

}

});

$('.radioItemX').change(function() {

var selectedvalueX = $("input[name='methodX']:checked").val();

$('#labelmethodX').html(" "+selectedvalueX);

$("select[name='selectClassX']").empty();

var option = $("").val("").text("--未选择--");

$("select[name='selectClassX']").append(option);

$("[name='methodY']").attr("disabled", false);

switch (selectedvalueX){

case '案发辖区':

$("#radio3Y").attr("disabled", "disabled");

break;

case '接警方式':

$("#radio1Y").attr("disabled", "disabled");

break;

case '警情判定':

$("#radio2Y").attr("disabled", "disabled");

break;

}

});

});

统计维度X

接警方式

警情判定

案发辖区

统计维度Y

接警方式

警情判定

案发辖区