Javascript 函数根据选择选项的值选中一个框

Question

我目前有一个 javascript 函数，如果选中复选框，它将选择选项更改为 1。我似乎无法弄清楚的是，如果用户未能勾选复选框而只是从选择下拉列表中选择一个值(0 除外)，如何自动选中该框。该脚本具有使用 php 数组值生成的 ID 和名称。

感谢您花时间查看此内容。

function quantityChangeHandler(source) {
    var qtyElem = document.getElementById(source.getAttribute('rel'));
    if (source.checked) {
        if (qtyElem.value == 0)
            qtyElem.value = 1;
        }
    else 
            qtyElem.value = 0;
}

<input type="checkbox" onclick="quantityChangeHandler(this)" 
name="prodid[<?php echo $prodid;?>][]" rel="prodqty_<?php echo $prodid . '_' . $contactid; ?>" 
value="<?php echo $contactid; ?>" /><br />

Qty
<select id="prodqty_<?php echo $prodid . '_' . $contactid; ?>"
name="prodqty[<?php echo $prodid; ?>][<?php echo $contactid; ?>]">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

Answer 1

您应该向 select 标记添加类似的处理程序和 rel 属性，并set source.checked基于 select 元素的值。

将其添加到您的 Javascript 中:

function selectChangeHandler(source) {
    var checkboxElem = document.getElementById(source.getAttribute('rel'));
    checkboxElem.checked = source.value != 0;
}

HTML 更改示例:

<input id="checkbox_0" ... />
...
<select ... rel="checkbox_0" onchange="selectChangeHandler(this)">
...

Working JSFiddle