1

我有一个单选按钮列表来选择两种服务之一。

<table align="center" width="100%">
    <tr>
        <td colspan="2">
            <input type="radio" name="selectedValue" value="serviceWise">
            Service-Wise
            &nbsp;&nbsp;&nbsp;
            <input type="radio" name="selectedValue" value="districtWise">
            District-Wise
        </td>
    </tr>
</table>

<table>
    <tr>
        <td>
        Service Name
        </td>
    </tr>
</table>

我需要为这两个选项显示不同的行。When Service-Wise is selected then Service name should be displayed and when District-Wise is selected then District name should be displayed. 例如，在上面的代码中，我显示了服务名称，但实际上它应该只在选择服务明智选项时出现。我只停留在显示部分，这就是为什么我没有在代码中提到任何数据检索部分。我想在jsp页面本身做，非常感谢有人的帮助。

4

2 回答 2

1

更新：我忘了把 # 放在结果 ID 的前面。现在它起作用了。

听起来您需要一些 JavaScript，除非您计划在选择单选按钮时重新加载页面。

我正在使用 jQuery 来简化您正在寻找的内容。在您的 JSP 页面的标记中添加以下内容。它将链接到 jQuery javascript 文件。它还将在名为“selectedValue”的单选按钮上添加一个更改侦听器，允许您动态更改表格单元格中的值。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("input[name='selectedValue']").change(function() {
        if ($("input[name='selectedValue']:checked").val() == 'serviceWise')
            $("#result").text("Service Name");
        else if ($("input[name='selectedValue']:checked").val() == 'districtWise')
            $("#result").text("something else");
    });
});
</script>

同时更新您的表格，如下所示。我添加了 id 属性以轻松引用单元格。

<table>
    <tr>
        <td id="result">
        Service Name
        </td>
    </tr>
</table>

我使用了这个答案（以及其中的一些代码），因此您可能想查看一下：jQuery .change() on Radio Button

jsfiddle：http: //jsfiddle.net/mikeyfreake/UUbxa/

于 2013-06-05T18:05:41.580 回答
0

查看JSTL（特别是选择标签）。

这是一个示例（测试详细信息和“显示元素”）：

    <选择>
       <当测试=“服务被选择”>
          显示服务的东西
       </当>
       <否则>
          展示区的东西
       </否则>
    </选择>
于 2013-06-05T17:22:50.387 回答