установите флажок HTML, используя кнопку

Question

Я изо всех сил пытаюсь найти решение для этого где-нибудь в Google, возможно, я ищу неправильно, но думал, что приду и спрошу когда-либо заслуживающих доверия членов StackOverflow.

Я хочу использоватьКнопка HTML, чтобы установить флажок HTML.Причина, по которой я не хочу использовать этот флажок, будет исключительно из соображений доступности, потому что разрабатываемое мной приложение будет находиться на терминале и использоваться как через сенсорный экран, поэтому флажок HTML слишком мал.

Единственная проблема заключается в том, что список флажков является динамическим, поскольку он заполняется с использованием SQL-запроса.Однако, очевидно, что я могу сделать то же самое для создания кнопок HTML.

Я предполагаю, что для этого потребуется JavaScript (который я сейчас очень рад использовать, так как я нахожу множество функций, которые мне нужны в этом приложении, и JavaScript) для выполнения этой функции.

Итак, чтобы уточнить: я хочу нажать на кнопку, скажем, что она имеет значение «Fin Rot», и это проверяет флажок со значением «Fin Rot».И затем, если я нажал другую кнопку, скажем, что она имеет значение «Ich», то он также проверяет флажок со значением «Ich»

Answer 1

Хотя вы можете использовать для этого кнопку и JavaScript, могу ли я предложить более простой подход?Просто используйте <label>, который предназначен , просто для этого, и стилизуйте его как кнопку, например:

<input type="checkbox" id="finRot" name="something" value="Fin Rot">
<label for="finRot">Some text here, could be "Fin Rot"</label>

или (если вы не хотите использовать idна checkbox и for на label):

<label>
    <input type="checkbox" name="something" value="Fin Rot">
    Some text here, could be "Fin Rot"
</label>

.... затем с помощью CSS вы можете при необходимости скрыть флажок, но любой из них можно щелкнуть, чтобы переключить флажок.

Вы можете протестировать демо здесь , также, при необходимости, показывая некоторые кнопки CSS на ярлыке.

Answer 2

Как насчет HTML-решения.

 <p><input type="checkbox"
 value="Another check box"
 name="cboxwithlabel" id="idbox"><label
 for="idbox">Another
 checkbox</label></p>

Создает метку для флажка или переключателей.

Answer 3

В этом примере кнопка используется для включения / выключения флажка.

http://jsfiddle.net/DnEL3/

<input type="checkbox" id="finRot" name="something" value="Fin Rot">
<button onclick="document.getElementById('finRot').checked=!document.getElementById('finRot').checked;">Fin Rot</button>