如果存在数据,如何在复选框上创建持久功能

Posted

技术标签:

【中文标题】如果存在数据,如何在复选框上创建持久功能【英文标题】:How to create persist function on checkbox if data is present 【发布时间】:2018-02-06 02:00:43 【问题描述】:

我见过很多复选框的例子,但不是这个。

如果特定<input> 字段中存在数据,我需要一个复选框来保持选中状态。因此,它需要不断检查现场状态。

基本复选框:

<input class="checkbox" type="checkbox" unchecked onclick="shipping()"/>

它调用一个函数来删除&lt;div&gt; 并添加一个运输信息页面。那里有一个后退按钮,可以删除运输页面并添加原件。如果他们输入了运输数据,我希望选中该复选框。现在,如果他们再次单击它,他们在运输页面上输入的数据就会消失。并且过程可以重复。

这是一个 php 页面,所以我很喜欢使用 javascript、jQuery 或 PHP。只是在寻找最可靠的方法。

【问题讨论】:

您是说如果指定文本&lt;input&gt; 中没有内容,则用户可以随意选中或取消选中复选框,但如果指定的&lt;input&gt; 中有内容,则该复选框必须继续检查? 是的,所以表单开始,框未选中。他们检查它,然后将他们带到区域以添加不同的运输信息。当他们单击返回时,BTN 运输区域消失。但是现在应该选中该复选框。如果他们再次单击它,它将取消选中并删除所有这些信息。我将更新帖子以更具描述性。 【参考方案1】:

JavaScript 是要走的路,因为 PHP 无法对浏览器中发生的事情做出反应。我会在驱动复选框的输入中注册一个onchange 事件处理程序。当输入改变时(即当处理程序被触发时):

    读取值,如果为空则... 启用复选框。 否则,禁用复选框并将其设置为选中

这应该防止 UI 用户在输入中有内容时取消选中该框

【讨论】:

以上是关于如果存在数据,如何在复选框上创建持久功能的主要内容,如果未能解决你的问题,请参考以下文章

Web 复选框没有为功能提供价值

Xamarin Form - 如何在 UWP 中选中另一个复选框上的复选框

如何在用户帐户上显示创建的自定义注册字段中的数据(Drupal 8)

flex 3 数据网格:如果 == 0 则隐藏值并在布尔值上显示复选框

如何在qtableview上创建qcheckbox,从qql数据库获取数据

如何创建苹果 watchOS 5 的复杂功能?