0

所以我正在尝试构建一个包含 WebView 的 win 8 应用程序。WebView 包含下面的 HTML 代码 (+JavaScript)。

<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?xml version='1.0' encoding='UTF-8' standalone='yes'?>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' >

<script type='text/javascript'>
function get_radio_value()
{
  for (var i=0; i < document.myForm.frage1.length; i++)
  {
    if (document.orderform.frage1[i].checked)
    {
          var rad_val = document.myForm.frage1[i].value;
          return rad_val;
    }
  }
}
</script>

    <title>Kundenfragebogen</title>
</head>

<body>
  <h1>Kundenfragebogen</h1>
<div id='myDiv'>Hello</div>
<form name='myForm' action=''>
<table border='2'>
  <tr>
    <td></td>
    <td>sehr gut</td>
    <td>gut</td>
    <td>schlecht</td>
  </tr>
  <tr>
    <td>Wie geht es Ihnen?</td>
    <td><input type='radio' name="frage1" value='1'/>Mir ging es noch nie besser!</td>
    <td><input type='radio' name="frage1" value='2'/>Es geht mir so wie immer.</td>
    <td><input type='radio' name="frage1" value='3'/>Heute geht einfach gar nichts…&lt;/td>
  </tr>
   <tr>
    <td>Können Sie Auto fahren?</td>
    <td><input type='radio' name="frage2" value='1'/>Ja</td>
    <td></td>
    <td><input type='radio' name="frage2" value='3'/>Nein</td>
  </tr>
  <tr>
    <td>Möchten Sie unseren Newsletter abonnieren?</td>
    <td><input type='radio' name="frage3" value='1'/>Ja</td>
    <td></td>
    <td></td>
  </tr>
</table>

<input type='button' value='Formular absenden' onclick="return get_radio_value()"/>
</form>
</body>
</html>

所以 html 包含一些单选按钮和一个按钮。大约 2 年前我使用过 JavaScript（只是一点点），所以我真的不知道如何编写确切的代码。我在互联网上找到了一些东西，但它没有做我想要的。我想要以下内容：

用户可以检查 RadioButtons。当用户单击 Button 时，JavaScript 函数应该返回所有选中的单选按钮（我只需要知道选中了哪个 RadioButton）。由于我知道 Windows 8 应用程序中 RadioButtons 的名称，我可以执行以下操作：

var object = WebView.InvokeScript("JavaScriptFunctionNAME", NameOfRadiobutton);

因此，WebView 调用脚本并应返回 RadioButton 的 VALUE，该值已被选中。

“JavaScriptFunctionNAME” = Javascript 中的函数名称

NameOfRadiobutton = 作为参数的 RadioButton 的名称（例如“frage1”）。

目前我正在返回单选按钮的值，该值在 RadioGroup “frage1” 中进行检查。如何通过参数检查每个 RadioButton？我的意思是我有一个参数“frage1”并返回选中的 RadioButton 的值。之后，我再次使用参数“frage2”调用该函数并返回选中的 RadioButtons 值。任何人都可以帮助我使用 JavaScript 功能吗？

4

2 回答 2

2

单选按钮按其名称属性分组。您可以使用并查看每个单选按钮document.getElementsByName的选中状态，例如：-

function FindChecked() {
    var elements = document.getElementsByName("frage1")
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].checked) {
            return elements[i].value;
        }
    }
}

将返回其组内选中的单选按钮的值。

jsfiddle 示例

编辑：要将组名从您的 C# 代码传递给此函数，您可以执行以下操作：-

public class YourClass
{
   public string GroupName { get { return "frage1"; } }
}

然后javascript函数将变为：

function FindChecked() {
     var elements = document.getElementsByName('<%= this.GroupName %>')
     for (var i = 0; i < elements.length; i++) {
        if (elements[i].checked) {
            return elements[i].value;
        }
    }
}
于 2013-06-26T10:01:13.307 回答
1

试试这个，这将返回选中的单选按钮名称

<script type='text/javascript'>
  function get_radio_value()
    {
       var nameArry = [];
        var allInputs = document.myForm.getElementsByTagName('input');
       for (i = 0; i < allInputs.length; i++) {
           if (allInputs[i].type == 'radio' && allInputs[i].checked ) {
             nameArry.push(allInputs[i].name);
           }
       }
       alert(nameArry)
    }
</script>
于 2013-06-26T09:44:57.630 回答