Javascript JS安卓onClick不工作_Javascript_Android_Html

Javascript JS安卓onClick不工作

javascript android html

Javascript JS安卓onClick不工作,javascript,android,html,Javascript,Android,Html,我在使用onClick事件处理JS/HTML时遇到问题在android手机GT-I8190N（Jelly Bean android）上，我无法触发onClick事件或自动onchange事件（比如JS不工作）遥控面板函数doThat（）{ var eSelect=document.getElementById（'0'）； var radioF4=document.getElementById（'01'）； var msgboxTxt=document.getElementById（'02

我在使用onClick事件处理JS/HTML时遇到问题

在android手机GT-I8190N（Jelly Bean android）上，我无法触发onClick事件或自动onchange事件（比如JS不工作）


遥控面板
函数doThat（）{
var eSelect=document.getElementById（'0'）；
var radioF4=document.getElementById（'01'）；
var msgboxTxt=document.getElementById（'02'）；
如果（eSelect.selectedIndex==1）{
radioF4.style=“”；
}否则{
radioF4.style=“可见性：隐藏；”；
}
如果（eSelect.selectedIndex==0）{
msgboxTxt.style=“”；
}否则{
msgboxTxt.style=“可见性：隐藏；”；
}
}
window.onload=doThat（）；
遥控面板





命令：
事情1
事情2
事情3
事情4
事情5
事情6


发送或输入？
MessageBox文本：

这也不起作用（只需在头部编写脚本）


window.onload=函数（）{
var eSelect=document.getElementById（'0'）；
var radioF4=document.getElementById（'01'）；
var msgboxTxt=document.getElementById（'02'）；
eSelect.onchange=函数（）{
如果（eSelect.selectedIndex==1）{
radioF4.style=“”；
}否则{
radioF4.style=“可见性：隐藏；”；
}
如果（eSelect.selectedIndex==0）{
msgboxTxt.style=“”；
}否则{
msgboxTxt.style=“可见性：隐藏；”；
}
}
}

单选按钮不会出现在android上，但会出现在我的笔记本电脑上。

对我有效，对JSFIDLE tho无效：/不起作用。此外，使用数字作为id——这是一种非常糟糕的做法。我发布的JSFIDLE对我来说很有效，是的，我使用数字作为id，它实际上没有太大影响。只是难看的代码。对我有用，而不是在JSFIDLE tho上/不起作用。此外，使用数字作为id——这是一种非常糟糕的做法。我发布的JSFIDLE对我来说很有效，是的，我使用数字作为id，它实际上没有太大影响。只是难看的代码。

    <!DOCTYPE html>
<html>
    <head>
        <title>
            Remote Control Panel
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        <script type="text/javascript">
            function doThat() {
                var eSelect = document.getElementById('0');
                var radioF4 = document.getElementById('01');
                var msgboxTxt = document.getElementById('02');
                if(eSelect.selectedIndex === 1) {
                        radioF4.style = "";
                    } else {
                        radioF4.style = "visibility: hidden;";
                    }
                    if (eSelect.selectedIndex === 0) {
                        msgboxTxt.style = "";
                    } else {
                        msgboxTxt.style = "visibility: hidden;";
                    }
            }
            window.onload = doThat();
        </script>
    </head>
    <body>
        <center>
            <h1>
                Remote Control Panel
            </h1>
            <br>
            <br><br>
            <h3>Command:</h3>
            <form action="" method="POST">
            <select name="hh" id="0">
                <option selected="selected" value="msgbox" id="1" name="1">thing 1</option>
                <option value="altf4" id="2" name="2">thing 2</option>
                <option value="illuminati" id="3" name="3">thing 3</option>
                <option value="endilluminati" id="4" name="4">thing 4</option>
                <option value="blkmouse" id="5" name="5">thing 5</option>
                <option value="unblkmouse" id="6" name="6">thing 6</option>
            </select>
            <br>
            <div>
                <div style="visibility: hidden;" id="01" name="01">
                    <input type="radio" name="01" value="enter">Send enter?
                </div>
                <div style="" id="02" name="02">
                    MessageBox Text: 
                    <input type="text" name="msgboxtext">
                </div>
                <i style="cursor: pointer;" class="fa fa-refresh" onClick="doThat()" ontouchstart="doThat();"></i><a href="javascript:doThat()">eeeh</a>
            </div>
            <input type="submit" name="submit" value="Send command!">
            </form>
        </center>
    </body>
    </html>

<script type="text/javascript">
        window.onload = function() {
            var eSelect = document.getElementById('0');
            var radioF4 = document.getElementById('01');
            var msgboxTxt = document.getElementById('02');
            eSelect.onchange = function() {
                if(eSelect.selectedIndex === 1) {
                    radioF4.style = "";
                } else {
                    radioF4.style = "visibility: hidden;";
                }
                if (eSelect.selectedIndex === 0) {
                    msgboxTxt.style = "";
                } else {
                    msgboxTxt.style = "visibility: hidden;";
                }
            }
        }
    </script>