check checkbox, нажав кнопку

Question

У меня возникла проблема с проверкой флажков, нажав отдельную кнопку. Например, я хочу проверить флажок Mercedes SLK, нажав кнопку unterneath. Как я могу это реализовать?

Заранее благодарим за ваши отзывы.

Пример кода:

<form action=""> 
<input type="checkbox" name="vehicle" value="volvo">Volvo XC90<br> 
<input type="checkbox" name="vehicle" value="bmw">BMW 325i<br> 
<input type="checkbox" name="vehicle" value="mercedes">Mercedes SLK 
</form> 
<button type="button">Check Mercedes SLK</button> 

Answer 1

Добавьте это в кнопочного элемента:

onclick="document.getElementById('mercedes').checked = true" 

Answer 2

Wthout изменения HTML и предоставляя идентификаторы, которые сами по себе были бы хорошей идеей.

Plain JS:

window.onload=function() { 
    document.querySelector("button").onclick=function() { 
    document.getElementsByName("vehicle")[2].checked=true; 
    } 
} 

JQuery:

DEMO

$(function() { 
    $("button").on("click",function() { 
    $("input[value='mercedes']").prop("checked",true); 
    }); 
}); 

Answer 3

Попробуйте:

$("select[name='cars'] option[value='mercedes']").prop('checked', true) 

demo

просто возьмите это внутри кнопка клик.

Answer 4

вы можете сделать это с помощью JQuery, как что:

<form> 
<input type="checkbox" name="vehicle" value="volvo">Volvo XC90<br> 
<input type="checkbox" name="vehicle" value="bmw">BMW 325i<br> 
<input type="checkbox" id="slk" name="vehicle" value="mercedes">Mercedes SLK 
</form> 
<button id="checkSlk" type="button">Check Mercedes SLK</button> 

<script type="text/javascript"> 
    $(function() { 
     $("#checkSlk").on("click", function() { 
      if ($("#slk").is(':checked')) { 
       $("#slk").attr("checked", false); 
      } else { 
       $("#slk").attr("checked", true); 
      } 
     }); 
    }); 
</script>