如果存在数据,如何在复选框上创建持久功能
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()"/>
它调用一个函数来删除<div>
并添加一个运输信息页面。那里有一个后退按钮,可以删除运输页面并添加原件。如果他们输入了运输数据,我希望选中该复选框。现在,如果他们再次单击它,他们在运输页面上输入的数据就会消失。并且过程可以重复。
这是一个 php 页面,所以我很喜欢使用 javascript、jQuery 或 PHP。只是在寻找最可靠的方法。
【问题讨论】:
您是说如果指定文本<input>
中没有内容,则用户可以随意选中或取消选中复选框,但如果指定的<input>
中有内容,则该复选框必须继续检查?
是的,所以表单开始,框未选中。他们检查它,然后将他们带到区域以添加不同的运输信息。当他们单击返回时,BTN 运输区域消失。但是现在应该选中该复选框。如果他们再次单击它,它将取消选中并删除所有这些信息。我将更新帖子以更具描述性。
【参考方案1】:
JavaScript 是要走的路,因为 PHP 无法对浏览器中发生的事情做出反应。我会在驱动复选框的输入中注册一个onchange
事件处理程序。当输入改变时(即当处理程序被触发时):
-
读取值,如果为空则...
启用复选框。
否则,禁用复选框并将其设置为选中
这应该防止 UI 用户在输入中有内容时取消选中该框
【讨论】:
以上是关于如果存在数据,如何在复选框上创建持久功能的主要内容,如果未能解决你的问题,请参考以下文章
Xamarin Form - 如何在 UWP 中选中另一个复选框上的复选框
如何在用户帐户上显示创建的自定义注册字段中的数据(Drupal 8)
flex 3 数据网格:如果 == 0 则隐藏值并在布尔值上显示复选框