如果某個單選值被選為現金，我想實作一個文本框將更改為 required="true"
這是我的 html 表單：
<label class="radio"> <input type="radio" name="payment" value="Cash" id="cashpayment" checked><span><img width="30" src="images/icons8-cash-in-hand-48.png"/></span></label>
<label class="radio"> <input type="radio" name="payment" value="SD" id="sdpayment"><span><img width="30" src="images/icons8-budget-48.png"/></span></label>
<label class="radio"> <input type="radio" name="payment" value="Budget" id="budgetpayment"><span><img width="30" src="images/icons8-office-48.png"/></span></label>
這是我的 jQuery 代碼（jQuery v3.3.1）
$(document).ready(function(){
$("input[name='type']:radio").change(function(){
if($(this).val() == 'Cash')
{
$('#cashtender').attr('required');
}
else if($(this).val() == 'SD')
{
$('#cashtender').removeAttr('required');
}
else if($(this).val() == 'Budget')
{
$('#cashtender').removeAttr('required');
}
});
});
它不作業。請幫忙
uj5u.com熱心網友回復：
我可以看到幾個錯誤：
單選按鈕的選擇器不正確：
$("input[name='type']:radio")應該是$("input[name='payment']:radio")設定屬性時，應在第二個引數中提供值或使用 prop:
$('#cashtender').attr('required');should be$('#cashtender').attr('required', 'required');or$('#cashtender').prop('required', true);
完整代碼（洗掉不必要的else if條件）：
$(document).ready(function(){
$("input[name='payment']:radio").change(function(){
if($(this).val() == 'Cash')
{
$('#cashtender').prop('required', true);
}
else
{
$('#cashtender').removeAttr('required');
}
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/493166.html
標籤：javascript html jQuery 单选按钮