Question

我有一个输入页面，用户输入业务的参加时间，它显示每天的时间表，用户可以进入打开和关闭时间，还有一个小复选框，说它是24小时开放，如果业务将整个星期24小时开放，我想避免用户点击7个复选框（每天一个），而我有一个单选按钮，表示＆＃34; 24小时＆＃34;我希望当用户点击它时，它将自动检查所有7天的24小时复选框。我只是不知道在创建或显示复选框后如何选中/取消选中复选框

Answer 1

您可以使用Javascript编辑其他单选按钮。您可以在24小时无线电中添加onclick来调用selectall（）等函数：

function selectall(){
mondayradio = document.getElementById("theid");
mondayradio.checked = true;
}

您只需为要检查的每个单选按钮复制中心两行，并更改其ID以匹配。

Answer 2

请参阅此fiddle

<强> HTML

<input type="checkbox" onClick="toggle(this)" />24 Hours<br/>
<input type="checkbox" name="foo" value="1">Sunday<br/>
<input type="checkbox" name="foo" value="2">Monday<br/>
<input type="checkbox" name="foo" value="3">Tuesday<br/>
<input type="checkbox" name="foo" value="4">Wednesday<br/>
<input type="checkbox" name="foo" value="5">Thursday<br/>
<input type="checkbox" name="foo" value="6">Friday<br/>
<input type="checkbox" name="foo" value="7">Saturday<br/>

<强> JS

function toggle(source) {
    checkboxes = document.getElementsByName('foo');
    for (var i = 0, n = checkboxes.length; i < n; i++) {
        checkboxes[i].checked = source.checked;
    }
}

在我指定的小提琴中，当第一个复选框（即24小时）被选中时，所有其他复选框将自动被选中。

并且，如果您想使用单选按钮而不是复选框，请参阅此fiddle

如何在html代码中设置/更改复选框选中的属性

2 个答案:

请参阅此fiddle