当前位置: 首页 > 知识库问答 >
问题:

使用JSX设置复选框默认状态的正确方法

阎丰羽
2023-03-14
<input type="checkbox" checked={node.props.checked} />
<input type="checkbox" {node.props.checked? "checked" : ""} />

checked和selected的值是false?

共有1个答案

吴腾
2023-03-14

您将需要有条件地添加整个checked属性,而不仅仅是属性的值。这样,如果您根本不添加属性,您将可靠地得到一个未选中的复选框。

如果您使用的是ReactJS,那么根据这个答案:

如果您传递给它的值不真实,React足够智能,可以省略该属性。

 类似资料:
  • 问题内容: 在React中为复选框状态分配默认值后,我无法更新复选框状态。 分配后,我无法通过单击取消选中/选中来交互复选框状态。 问题答案: 如果仅使用创建复选框,则使用该属性 。 归功于@nash_ag

  • 问题内容: 我想仅使用CSS为标准window.confirm设置样式,而不使用任何其他JavaScript代码。可能吗 如果是的话,我该怎么办? 问题答案: 这不可能。浏览器使用平台的UI套件显示此窗口。它不在DOM中,在CSS或Javascript中也不可见,您无能为力。 但是,一些非常简单的jQuery代码可以解决问题。怎么样

  • 本文向大家介绍BootStrap Select清除选中的状态恢复默认状态,包括了BootStrap Select清除选中的状态恢复默认状态的使用技巧和注意事项,需要的朋友参考一下 PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件; 当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢? 如【图1】 当我们选择摸一个条件之后 如【图2】 此时点

  • 我需要一些帮助,我不知道如何解决这个问题。 当我设置适配器时,我需要默认选择几个复选框,但我不能这样做。为什么?我认为问题是CheckableRelativeLayout。我使用RelativeLayout的这个变体,因为我需要单击行并选择复选框。 当我使用RelativeLayout的这个变体时,列表中的所有复选框都未选中。如果您在最后看到我的日志,当选中复选框时会触发事件“onCheckedC

  • 当html页面上没有任何变量可以切换时,是否有人知道如何使用selenium处理或读出复选框的状态(true/false)。我已经尝试了常用函数。isselected()和。isenabled(),但这些函数只读取不可用的值。 有人知道有没有办法得到这个身份吗?此外,xml的屏幕截图以及它是哪个元素。 如果有人有主意就太好了。我在用Java编程。

  • 如何设置ng选项的默认值。。。 以下是我的ng选项指令: