我是一名有用的助手,可以为您翻译文本。
JS(JavaScript)
我有一个表单,其中有几个单选按钮和一个下拉框。
我的要求是什么?
- 当我选择单选按钮“收据”或“付款”时,下拉框必须处于活动状态。
- 当我选择单选按钮“其他收入”或“其他支出”时,下拉框必须被禁用。
我尝试过的HTML和JS如下所示。任何帮助将不胜感激。
HTML
<label class="radio-inline"><input type="radio" name="type" id="type" value="receipt" onClick="party_check()" />Receipt</label>
<label class="radio-inline"><input type="radio" name="type" id="type" value="payment" onClick="party_check()" />Payment</label>
<label class="radio-inline"><input type="radio" name="type" id="type" value="other income" onClick="party_check()" />Other Income</label>
<label class="radio-inline"><input type="radio" name="type" id="type" value="other expense" onClick="party_check()" />Other Expense</label>
<select name="party" id="party" class="form-control">
<option value="">Please select an option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
JS(JavaScript)
function party_check(){
if((document.type[0].checked) || (document.type[1].checked)){
document.getElementById("party").disabled=false;
}
else
{
document.getElementById("party").disabled=true;
}
}