jsp页面中的条件语句

jsp页面中的条件语句,jsp,Jsp,我有一个单选按钮列表来选择两种服务之一 <table align="center" width="100%"> <tr> <td colspan="2"> <input type="radio" name="selectedValue" value="serviceWise"> Service-Wise &nbsp;&nbsp;&

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

<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>

服务智慧
地区层面
服务名称
我需要为这两个选项显示不同的行。选择Service Wise时,应显示Service name;选择District Wise时,应显示District name。e、 g.在上面的代码中,我已经显示了服务名称,但实际上只有在选择了Service Wise选项时,它才会出现。我只停留在显示部分,这就是为什么我没有在代码中提到任何数据检索部分。我想在jsp页面本身中进行此操作,非常感谢有人的帮助。

查看(特别是choose标记)

下面是一个示例(松散的测试细节和“显示元素”):

展示服务人员 展示地区的东西 查看(特别是选择标记)

下面是一个示例(松散的测试细节和“显示元素”):

展示服务人员 展示地区的东西
更新:我忘了把#放在结果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>

$(文档).ready(函数(){
$(“输入[name='selectedValue'])。更改(函数(){
if($(“输入[name='selectedValue']:选中”).val()=='serviceWise')
$(“#结果”).text(“服务名称”);
else if($($(输入[name='selectedValue']:选中”).val()=='districtWise')
$(“#结果”).text(“其他内容”);
});
});
同时更新您的表格,如下所示。我添加了id属性以方便引用单元格

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

服务名称
我使用了这个答案(以及其中的一些代码),所以您可能想查看一下:


jsIDLE:

更新:我忘了在结果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>

$(文档).ready(函数(){
$(“输入[name='selectedValue'])。更改(函数(){
if($(“输入[name='selectedValue']:选中”).val()=='serviceWise')
$(“#结果”).text(“服务名称”);
else if($($(输入[name='selectedValue']:选中”).val()=='districtWise')
$(“#结果”).text(“其他内容”);
});
});
同时更新您的表格,如下所示。我添加了id属性以方便引用单元格

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

服务名称
我使用了这个答案(以及其中的一些代码),所以您可能想查看一下:


jsfdle:

那么您希望根据所选单选按钮在页面加载时显示此“服务名称”,还是在页面加载后动态显示?(即用户更改单选按钮,新数据显示在TD标签中)如果页面加载后,则需要JavaScript。否则@DwB已经回答了您的问题。我想在页面加载后执行此操作,当用户更改单选按钮时,显示将随之更改,所以您想在页面加载时根据所选单选按钮显示此“服务名称”,还是在页面加载后动态执行此操作?(即用户更改单选按钮,新数据显示在TD标签中)如果页面加载后,则需要JavaScript。否则@DwB已经回答了您的问题。我想在页面加载后执行此操作,当用户更改单选按钮时,显示将相应更改