遇到一个需求 ,两组 相同的单选框,一组禁用,一组可选,要求上面禁用的与下面可选的同步,当下面的选择“是”,上面的也变成“是”~
js:
$("#aaa").on("click", function() {
if($(":radio[name=isNewTrade]:checked").val()=='0'){
$(":radio[name=isNewTradeRelate][value='0']").prop("checked","true");
} else if($(":radio[name=isNewTrade]:checked").val()=='1'){
$(":radio[name=isNewTradeRelate][value='1']").prop("checked","true");
}
})
html:
<div class="">
<label class="">
<input type="radio" id="isNewTradeRelate" name="isNewTradeRelate" value=1 disabled='true'>是
</label>
<label class="">
<input type="radio" id="isNewTradeRelate" name="isNewTradeRelate" value=0 disabled='true'>否
</label>
</div>
<div class="" id="aaa">
<label class="">
<input type="radio" id="isNewTrade" name="isNewTrade" value=1>是
</label>
<label class="">
<input type="radio" id="isNewTrade" name="isNewTrade" value=0 checked>否
</label>
</div>