javascript - 使用内联 javascript 更改单选按钮的值

Question

我有一个带有两个单选按钮的表单。一个按钮 ID 为“trigger_unit”，另一个按钮 ID 为“normal_unit”。还有一个包含四个值和一个默认 NULL 值的选择下拉列表。

<select rel="dropdown" name="trigger_id" id="trigger_id" 
onchange="((this.value != '') ? document.getElementById('trigger_unit').checked=true : 
document.getElementById('normal_unit').checked=true;)" style="width: 120px;">
<option value="" selected="selected">--none--</option>
<option value="1">Critical</option>
<option value="2">Draw</option>
<option value="4">Heal</option>
<option value="3">Stand</option>
</select>

如果下拉列表中存在非空值，则 javascript 应该更改单选按钮的值。我尝试遵循内联 IF 示例 here但它并不完全有效。这可以完成还是我必须编写第二个函数？

Answer 1

有一段较短的 JavaScript 代码适用于您的 onchange 处理程序:

document.getElementById(this.value != '' ? 'trigger_unit' : 'normal_unit').checked=true;

即

<select rel="dropdown" name="trigger_id" id="trigger_id" 
    onchange="document.getElementById(
            this.value != '' ? 'trigger_unit' : 'normal_unit'
        ).checked=true;" 
        style="width: 120px;">
    <option value="" selected="selected">--none--</option>
    <option value="1">Critical</option>
    <option value="2">Draw</option>
    <option value="4">Heal</option>
    <option value="3">Stand</option>
</select>