D3：仅选择未选中的复选框

Question

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

Answer 1

您可以使用<script type="text/javascript"> $(document).ready(function(){ $('#vibed-music').DataTable(); }); </script> 使用css伪选择器选择未选中的复选框，然后使用d3.selectAll()

设置已禁用的属性

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);