隐藏/显示表单元素不适用于 Android 应用程序答案

【问题标题】：Hide/Show Form Elements Not Working on Android App隐藏/显示表单元素不适用于 Android 应用程序
【发布时间】：2011-10-29 09:13:45
【问题描述】：

我正在尝试创建一个交互式表单。您的选择决定了接下来出现的问题。我正在使用 jQuery Mobile，它在使用 Dreamweaver 的 PC 上运行良好，但是当我构建到 Android 时，java 脚本无法正常工作。这似乎是简单的代码，所以我不确定为什么它不能在 Android 上运行。谁能告诉我哪里出错了？

代码如下：

Javascript：

function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
      e.style.display = 'none';
   else
      e.style.display = 'block';
}

HTML：

<div id=SkillSet data-role="fieldcontain">
      <fieldset data-role="controlgroup" data-type="horizontal">
        <legend>Skill Set:</legend>
        <a onclick="toggle_visibility('AV');"><input type="checkbox" name="SkillSet" id="SkillSet_0" class="custom" value="" /></a>
        <label for="SkillSet_0">AV</label>
        <a onclick="toggle_visibility('IT');"><input type="checkbox" name="SkillSet" id="SkillSet_1" class="custom" value="" /></a>
        <label for="SkillSet_1">IT</label>
      </fieldset>
    </div>


   <div id="IT" style="display:none">
    <hr>

    Blah Blah Blah     
</div>

【问题讨论】：

它有什么问题？.. 另外，如果您使用的是 jQuery mobile，那么为什么不利用这些功能而不是使用 toggle_visibility() 方法呢？
有什么特点？我找不到其他可行的方法。

标签： javascript android html hide show-hide

【解决方案1】：

这是一个有趣的：

Android 网页不支持显示：无和 javascript 并且没有使用 jQuery mobile

我认为这可能是因为您的输入周围有一个锚标记。尝试将 onclick 事件放在复选框上或在锚点中放置其他内容。

编辑：还是可能有多个元素具有相同的 id？ ID 应该是唯一的...

【讨论】：

onClick 复选框不起作用。这就是我使用锚的原因。有没有我不知道的更简单的方法来解决这个问题？
有趣。 1.是否有一层覆盖anchor或input？ 2. 尝试使用 onChange 事件...
没有覆盖锚点或输入的层。 onChange 也不起作用。输入字段中的任何事件都不起作用。他们虽然在锚中工作。但仅限于PC上。一旦我构建到 Android 并安装，它就无法在 Android 中运行。
我只想在您进行选择时取消隐藏字段（将显示从无更改为阻止）。应该是一件简单的事情，但我是 Andriod 的新手。不知道为什么它在那里不起作用。

【解决方案2】：

尝试将函数附加到窗口。

window.toggle_visibility = function(id) {
   var e = document.getElementById(id).style.display;
   e=="block" ? e="none" : e="block";
}

虽然我确信 jquery 有一些更简单的东西。

另外，为什么你的复选框在a 标签内？

【讨论】：

这就是我告诉 div ID 隐藏或显示的方式。当我将 onClick 放在输入字段中时，它不起作用。使用您的 java 也不起作用。一个更简单的解决方案会很棒。我已经搜索过，但找不到。