时间戳

首页 > 解决方案 > 不显示单选按钮 (android)

javascript - 不显示单选按钮 (android)

问题描述

我的应用程序显示患者问卷。患者可以使用单选按钮选择答案。单选按钮显示在带有模拟器波纹的浏览器 chrome 中，但不在应用程序中（android 版本 4.1.2）

HTML 文件：

<body>

<div class ="h1"> Patientenfragebogen </div>

<form name = "question">

    <div class="question">
        <p id ="Question1"> </p>
        <div id="displayPossibleAnswers"> </div>
    </div>


    <div class="button">
        <button type="submit" id="weiter" onclick="saveAnswer()">Weiter</button>
    </div>

</form>

</body>

JS文件：

   for(i = 0; i < value.length; i++)
        {
            //add radiobuttons (q= "radio" ; value = contains chosen answer)
            $('#displayPossibleAnswers').append("<input id='radio" + i + "' type=" + q +" name='answer' value=" + value[i] +">");
            //add label and possible answers
            $('#displayPossibleAnswers').append("<label id='value" + i + "'>" + value[i] + "</label>");
            $('#displayPossibleAnswers').append("&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
        }

在模拟器中它看起来像这样（这就是它在应用程序中的样子）：

应用模拟器

有谁知道我错在哪里？还有另一种显示单选按钮的可能性吗？

标签： javascriptandroidcordovaphonegap

解决方案

你走错路了。将您的 Javascript 和 HTML 代码更改为：

$(":radio").click(function () {
  	$("span").text($(":radio:checked").val());
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

<div class ="h1"> Patientenfragebogen </div>

<form name = "question">

   <label for="inpt1_1">
      <input type="radio" id="inpt1_1" name="CheckBtn" value="testValue" /> with value
   </label><br>
    <label for="inpt1_2">
      <input type="radio" id="inpt1_2" name="CheckBtn" /> without value
    </label><br>
    the value is: <span></span>


    <div class="button">
        <button type="submit" id="weiter" onclick="saveAnswer()">Weiter</button>
    </div>

</form>

</body>

选择单选按钮后，使用 javascript 控制该值/或使用 ajax 调用。它在你身上！

推荐阅读