check checkbox on drop down

Question

Мне было интересно, есть ли способ автоматической проверки определенных ящиков на основе значения из раскрывающегося списка. Я искал навсегда, и я могу только найти способы установить флажки SHOW или HIDE на основе раскрывающегося списка, но это не то, что я ищу.

Answer 1

Вы можете сделать это довольно легко с помощью jQuery. Этот код прослушивает событие изменения из выпадающего списка с id="dropdown" и проверяет флажок с id="checkbox", если раскрывающийся текст был равен 'foo'.

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

Если вы хотите, чтобы снять флажок, когда выбор снова изменила что-то подобное может быть лучше:

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

Fiddle

Answer 2

Это должно делать то, что вы просите. Надеюсь, поможет!

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

<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>

Answer 3

Не уверен в вашей специфики, но это делает то, что вы просили, и вы должны быть в состоянии взять части от него, чтобы завершить задачу.

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

<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>