d3.js - D3 : select only unchecked checkboxes

Question

这似乎很容易，但不知何故，无论是在 stackoverflow 上，还是通过谷歌搜索，我都找不到任何关于此事的信息。基本上我只需要使用 d3 选择页面上所有未选中的复选框并禁用它们。怎么做？

Answer 1

您可以使用 d3.selectAll() 使用 css 伪选择器选择未选中的复选框，然后使用 selection.property("disabled",true); 设置禁用属性；

var checkboxes = d3.selectAll("input[type='checkbox']:not(:checked)")
   .property("disabled",true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox" checked>
<input type="checkbox" checked>
<input type="checkbox">

尽管您也应该能够使用 .attr("disabled",true):

var checkboxes = d3.selectAll("input[type='checkbox']:not(:checked)")
   .attr("disabled",true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox" checked>
<input type="checkbox" checked>
<input type="checkbox">