不显示单选按钮 (android)答案

【问题标题】：Radio buttons are not displayed (android)不显示单选按钮 (android)
【发布时间】：2018-06-14 11:07:00
【问题描述】：

我的应用会显示一份针对患者的问卷。患者可以使用单选按钮选择答案。单选按钮显示在浏览器 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;");
        }

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

App Emulator

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

【问题讨论】：

标签： javascript android cordova phonegap

【解决方案1】：

你走错路了。将您的 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 调用。就靠你了！

【讨论】：

感谢您的回答。但是我需要在 js 中创建和附加按钮，因为我从使用 DOM 访问的 xml 文件中获取输入类型和值。请参阅以下 xml - 文档 `
` Hatten Sie in der letzten Woche deutliche Atemnot?
Ja TranslatedText> Nein跨度>
@Nele 那么你的 HTML 和 javascript 看起来一切都很好。我认为还有一些其他工作是 android 无法完成的

【解决方案2】：

我们解决了问题！ :)

我们把js代码改成：

for(var i = 0; i < answers[keyAnswer[counter]].length; i++)
{
    for(var j = 0; j < answers[keyAnswer[counter]][i].length; j++)
    {
        //display radiobuttons and labels
        document.getElementById("testForm").innerHTML += "<input id='radio" + j + "' type=" + q +" name='answer' value=" + answers[keyAnswer[counter]][i][j] +"/>  <label id='value" + j + "'>" + answers[keyAnswer[counter]][i][j] + "</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

    }
}

不使用 jquery 也能工作...

HTML 文件：

<body>

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

<div class="question">
<form id= "testForm" name = "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>

【讨论】：