如何通过复选框选择一个表单中的所有选项

Question

我有一个带有三个标签的表单。如何通过复选框选择所有标签？

    <div class="row">
        <div class="small-11 small-centered columns">
            <form>
                <fieldset>
                    <legend><h4>Форми участі</h4></legend>
                    <label>
                        Секція
                        <input type="text" placeholder="введіть текст">
                    </label>
                    <label>
                        Назва доповіді
                        <input type="text" placeholder="введіть текст">
                    </label>
                    <label>
                        Необхідні технічні засоби
                        <input type="text" placeholder="введіть текст">
                    </label>
                </fieldset>
            </form>
        </div>
    </div>

像这样http://i.imgur.com/tdU5mSv.png。如果检查将挑选出所有选项。

Answer 1

围绕您的输入设置<div>。在复选框上方。您可以使用CSS访问<div>，例如：#myCheckbox:checked + div。 +选择器会选择<div>之后立即放置的所有#myCheckbox。

Example

Answer 2

您需要编写一些JavaScript：

function setValues(newValue) {
    var input = document.getElementById("changeMe");
    for(i = 0;i < input.length; i++) {
        input[i].value = newValue;
    }
}

您需要一个复选框：

<input type="checkbox" id="changeMe" name="someName" value="" onClick="setValues('Форми участі')"> Some Text!

我无法测试这个，但它应该可以工作！