jquery选择基于值的无线电条件禁用

Question

当用户选择type1时，他只能选择value=card的单选按钮，cod选项应该被禁用。

<select id="ctype" name="type">
<option value="1">type1</option>
<option value="2">type2</option>
<option value="3">type3</option>
<option value="4">Type4</option>
</select>

<input type="radio" class="payment" name="paymentid" value="card"/>card
<input type="radio" class="payment" name="paymentid" value="cod"/>cod

$("#ctype").on('change', function(){
this.value !== "1"
$('.payment').prop({disabled: this.value === "1", checked: false});
})
.change();
});

当用户选择type1时，我如何只允许card单选按钮并禁用cod单选选项。

Answer 1

像这个

$('#ctype').on('change', function() {
$('.payment[value="cod"]').prop({
disabled: this.value === "1",
checked: false
});
}).change();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="ctype" name="type">
<option value="1">type1</option>
<option value="2">type2</option>
<option value="3">type3</option>
<option value="4">Type4</option>
</select>

<input type="radio" class="payment" name="paymentid" value="card" />card
<input type="radio" class="payment" name="paymentid" value="cod" />cod