隐藏/显示在Android应用上不起作用的表单元素

Question

我正在尝试创建一个交互式表单。您的选择决定了接下来出现的问题。我使用的是Android移动版，它在使用jQuery的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>

Answer 1

这是一个有趣的问题：

Android web确实支持display:none和javascript，并且jQuery移动设备没有被使用

我想这可能是因为你的输入有一个锚标签。尝试将onclick事件放在复选框中，或者在锚点中放入其他内容。

编辑:或者可能有多个元素具有相同的id？Ids应该是唯一的.

Answer 2

尝试将函数附加到window。

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

尽管我确信jquery有一些更简单的东西来处理这样的事情。

另外，为什么复选框在a标记中？