Question

我想知道是否有办法根据下拉选项中的值自动检查某些方框。我一直在寻找，我似乎只能根据下拉菜单找到显示或隐藏复选框的方法，但这不是我想要的。

Answer 1

您可以使用jQuery轻松完成此操作。此代码会在UITableViewController的下拉列表中侦听更改事件，如果下拉文本等于“foo”，则会选中id="dropdown"复选框。

id="checkbox"

如果要在选择更改后取消选中此框，可能会更好：

$("#dropdown").change(function() {
  if($('#dropdown :selected').text() === 'foo') $('#checkbox').prop('checked', true);
});

Fiddle

Answer 2

这应该做你要求的。希望它有所帮助！

＆＃13;

function setCheckBox(value){
    var chk = document.getElementById('check1');
    chk.checked = (value != 'null');
}

＆＃13;

<table>
    <tr>
        <td>
            <input type="checkbox" name="check1" id="check1"/>Test 1:</td>
        <td>
            <select id="process1" onchange="setCheckBox(this.value);">
                <option value="null">--Select Option--</option>
                <option value="OptionA">Option A</option>
                <option value="OptionB">Option B</option>
                <option value="OptionB">Option C</option>
            </select>
        </td>
    </tr>
</table>

＆＃13;

Answer 3

不确定您的具体情况，但这符合您的要求，您应该能够从中获取部分内容以完成任务。

＆＃13;

document.getElementById('changer').onchange = function(){
  var boxes = document.querySelectorAll('input[type="checkbox"]');
  for(var i=0;i<boxes.length;i++)
  {
  	boxes[i].checked = boxes[i].id == this.value;
  }
};

＆＃13;

<select id='changer'>
  <option>None</option>
  <option value='a'>A</option>
  <option value='b'>B</option>
  <option value='c'>C</option>
  <option value='d'>D</option>
</select>
<br />
<input type='checkbox' id='a' /><label for='a'>A</label><br />
<input type='checkbox' id='b' /><label for='a'>B</label><br />
<input type='checkbox' id='c' /><label for='a'>C</label><br />
<input type='checkbox' id='d' /><label for='a'>D</label>

＆＃13;

根据下拉列表选中复选框

3 个答案: