gpt4 book ai didi

javascript - 使用 d3 选中/取消选中复选框

转载 作者:可可西里 更新时间:2023-11-01 01:21:23 26 4
gpt4 key购买 nike

我在使用 d3 选择选中和取消选中复选框时遇到困难。下面的代码似乎不起作用。我希望在按下“选中”时选中所有复选框,在按下“取消选中”时取消选中所有复选框。

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<button type='button' onclick='checkAll()'>Check</button>
<button type='button' onclick='uncheckAll()'>Uncheck</button>

<script src="http://d3js.org/d3.v2.min.js?2.10.0"></script>

<script>
function checkAll(){
d3.selectAll('input').attr('checked','true');
}
function uncheckAll(){
d3.selectAll('input').attr('checked','false');
}
</script>
</body>

最佳答案

使用 property() 代替 attr():

function checkAll() {
d3.selectAll('input').property('checked', true);
}
function uncheckAll() {
d3.selectAll('input').property('checked', false);
}

来自 https://github.com/mbostock/d3/wiki/Selections#wiki-property :

Some HTML elements have special properties that are not addressable using standard attributes or styles. For example, form text fields have a value string property, and checkboxes have a checked boolean property. You can use the property operator to get or set these properties.

关于javascript - 使用 d3 选中/取消选中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19849738/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com