通过单选钮切换显示内容

最新推荐文章于 2021-06-04 23:22:35 发布
最新推荐文章于 2021-06-04 23:22:35 发布
阅读量641 收藏
点赞数
文章标签： input function string include border import
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heartdiamond/article/details/5271966
版权

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ include file="./../include/stat_common_head.inc"%>
<!-- 
@author JZP
-->
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  <title></title>
  <style type="text/css">
@import url(../../../style/css.css);

body {
 padding: 10px;
 text-align: center;
}

table.tabConds {
 border: solid 1px #B3BFC6;
 border-collapse: collapse;
 width: 100%;
}

form {
 margin: 0;
 padding: 0;
}
</style>
<script src="../../../../share/jquery/jquery.js" type="text/javascript"></script>
<script src="../../../js/date.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 try{
  document.title = window.dialogArguments.title;
 }catch(ex){
  document.title = "统计报表";
 }
 
 $('tr[name=disvisa]').hide();
 $('tr[name=dispass]').show();
  
 //$('input[name=btnsubmit]').click(function(){
  
  //if($('input[name=beginTime]').val()=='' || $('input[name=endTime]').val()==''){
  // alert('统计时间段没有填写完整');
  // return false;
  //}
  
  //var rpt = $('select[name=statType]').val();
  
  //$('form[name=frmRpt]').attr('action','pass_pass_action.jsp').submit();
 //});
 
  
 
 $('input[name=passKind]').click(function(){
   var val=$('input[name=passKind]:checked').val();
   var boxes = document.getElementsByName("target");
   for(var i=0;i<boxes.length;i++){
    if(boxes[i].checked == true){
     boxes[i].checked = false;
    }
   }
   if(val == "护照"){
     $('tr[name=disvisa]').hide();
     $('tr[name=dispass]').show();
   }else{
     $('tr[name=dispass]').hide();
     $('tr[name=disvisa]').show();
   }
 });
});

function submitAction(){  
  if($('input[name=beginTime]').val()=='' || $('input[name=endTime]').val()==''){
   alert('统计时间段没有填写完整');
   return false;
  }
  if($('input[name=tar]:checked').length == 0){
    alert("请至少选择一个条件！");
    return false;
  }  
    var winName=window.open('./../include/status.jsp','winApply','width=525,height=60,top=200,left=300,scrollbars=no,resize=no');
    frmRpt.target='winApply';
    frmRpt.action='pass_pass_action.jsp';
    frmRpt.submit();
   
}
  </script>
 </head>
 
<%
 String condSql = "select distinct st_pass_type gb1 from t_pass t where t.ST_PASS_CATEGORY like '%护照%'";
 String condSql2 = "select distinct st_pass_type gb1 from t_pass t where t.ST_PASS_CATEGORY like '%通行证%'";
 String[] passType = StatReportHelper.getStatProp(condSql,"gb1");
 String[] passType2 = StatReportHelper.getStatProp(condSql2,"gb1");
%>
 <body>
  <form target="_blank" name="frmRpt" method="post">
   <table class="tabConds" cellpadding="4" cellspacing="0" border="1"
    rules="all" bordercolor="#B3BFC6">    
    <jsp:include page="./../inc.date.jsp"></jsp:include> 
    <tr name="dispass">
     <td style="width:100px;text-align:left;">     
      证照类型：
     </td>
     <td align="left">
     <%
      for(int i=0;i<passType.length;i++){
     %>
      <input type="checkbox" name="tar" value="<%=passType[i]%>"/><%=passType[i]%>
     <%} %>
     </td>
    </tr>
    <tr name="disvisa">
     <td style="width:100px;text-align:left;">     
      证照类型：
     </td>
     <td align="left">
     <%
      for(int i=0;i<passType2.length;i++){
     %>
      <input type="checkbox" name="tar" value="<%=passType2[i]%>"/><%=passType2[i]%>
     <%} %>
     </td>
    </tr>
    <tr>
      <td style="width:100px;text-align:left;">     
        证照分类：
      </td>
      <td>
        <input type="radio" name="passKind" value="护照" checked/>护照
        <input type="radio" name="passKind" value="通行证"/>通行证
      </td>
    </tr>
    <tr>
     <td align="center" colspan="2">
      <input type="button" value="统计报表" οnclick="submitAction();" name="btnsubmit" class="btn" />
     </td>
    </tr>
   </table>
  </form>
 </body>
</html>

缘书
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
单选按钮实现div之间的切换
09-09
在jsp中利用单选按钮实现两个div之间的显示与隐藏
单选按钮被单击，根据选中值切换内容
wmnmtm的专栏
09-01 2033
       //站点状态 单选按钮处理    $('input[name="station_status"]').click(function(){        var status = $('input[name="station_status"]:checked').val();        if (status == 0){            alert(status);     ...
html点击单选框显示不同的内容,用JS实现点击不同的input单选按钮出现不同的内容...
weixin_39532466的博客
06-04 2365
js:type="text/javascript">function aCheck1(){document.getElementById("span1").style.display="block";document.getElementById("span2").style.display="none";}function bCheck2(){document.getElementById("...
HTML根据表单选择显示不同,HTML为同一表单设置不同的action
weixin_34060561的博客
06-03 720
对一张表单，希望通过不同的按钮，将表单值转向不同的页面，然而form中的action值只有一个，不采取某种特殊的方式是肯定不能简单实现的，如下所示：通过将form中的action值设为空，并取nama="form1",然后在表单中的button或者submit中加入onclick="form1.action='1.php';form1.submit();"，可以明显看出再这里重新设...
两个按钮之间的切换（单选)
Ye_1314的专栏
04-09 1790
//添加投诉建议的类型（投诉、建议） - (void)addRepareType {     NSArray *titleArr = @[@"投诉", @"建议"];     int x = kLeftPadding;     for (int i = 0; i         _complaints = [UIButton buttonWithType:UIButtonTypeRo
点击radio单选按钮切换显示不同内容
04-12
使用JavaScript在单选按钮上显示/隐藏控件单击
04-05
在这个例子中，`toggleControl`函数负责切换控件的可见性。`this.value`代表被点击单选按钮的值，我们用它来判断是显示还是隐藏`controlledElement`这个ID的元素。 此外，`.NET`和`ASP.NET`是后端开发框架，它们...
仿iphone单选切换按钮
12-30
这种视图可以用于实现单选功能，用户可以通过滑动来切换状态，例如开启或关闭某个设置。下面我们将详细探讨如何创建这样一个自定义控件，并涉及相关的编程概念和技术。 首先，我们要了解基本的UI组件构建。在iOS...
Vue切换div显示隐藏,多选，单选代码解析
12-28
切换div显示隐藏 1）单个item下的部分dom结构，显示或隐藏切换，不会修改其它同级dom的显示/隐藏 template dom结构 (list,index)> <p class=job-name>{{list.jobName}} (index)></el>
html php单选框,html单选框选中状态 html 怎么设置单选框的样式
weixin_42514890的博客
03-11 679
Photoshop中 hard round，airbrush pen opacity fl硬圆喷枪软圆 希望喜欢，用php怎么检查html中的单选框是否被选中html中单选按钮控件标签用法解析及如单选1单选2单选3单选4/**注意：name值一定要相同才能够单选，要默认选项。html单选框怎么设置选中后为蓝色呢一般有两个方法： ① 利用 label 标签特性，给 label 定好样式(背景图什么的...
php修改前端,单击列表修改其内容（前端部分）怎么做（代码）
weixin_31710835的博客
03-20 481
前端做假修改(只更改显示数据)，实际更改数据(更改数据库)后台执行。当前代码段为前端代码展示： (推荐学习：前端视频)HTML:test.htmltd {border:solid 1px;width:200px;height:auto;text-align:center;}test1test2test1test2JS:test.jsvar firstValue = "";var nowDom...
简单实现根据选项显示不同的表单
Alfred的博客
04-27 4367
1 DOCTYPE html> 2 html> 3 4 head> 5 meta charset="utf-8" /> 6 title>动态表单提交title> 7 head> 8 9 body> 10 form id="questionForm"> 11 名字: 12
安卓按键:静态界面的多选框变成单选框
weixin_30244681的博客
06-25 374
原文地址 http://bbs.anjian.com/showtopic-658485-1.aspx核心代码Function a UIP.SetAttribute "多选框2", {"选中":false} UIP.SetAttribute "多选框3", {"选中":false} End Function Function b UIP.SetAttribute "多选框...
如何让单选框的内容点击可以切换的
weixin_45176023的博客
09-10 682
Male Female
点击不同单选按钮出现不同内容
热门推荐
qq_33205354的博客
05-12 1万+
就我个人来说，我要实现的东西是，审核某个东西，如果通过则不需要填写理由，如果审核不通过则需要填写理由，出现一个文本域&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8" /&gt;&lt;title&gt;&lt;/title&gt;&lt;script src="js/jquery.min
html中改变单选框的样式,用css实现html中单选框样式改变
weixin_39834488的博客
06-04 1288
我们都知道，input的单选框是一个小圆框，不能直接更改样式。但是我们在很多网页中看到的单选框样式可不仅限于默认的那个样式(看上去没啥新意，也比较丑)。那么，接下来我将介绍下如何实现该功能。首先，让我们来看下单选框的实现：在html中的input元素中，将其type属性值设置为radio，即为单选框，此时只需将要设置的单选选项的name属性设置成一致的，即可实现单选功能。代码实现如下：男女要实现单...
点击单选按钮改变div显示隐藏
Java Farmer
06-10 8422
jquery: function showCont() { switch ($("input[name=selector]:checked").attr("id")) { case "noperid": $("#noperid_div").show(); $("#variable_div").hide(); break;
element ui 单选按钮切换
最新发布
08-18
当用户选择不同的单选按钮时，`selectedOption` 的值会随之改变，你可以根据 `selectedOption` 的值来进行相应的操作或显示不同的内容。 这就是使用 Element UI 实现单选按钮切换的基本方法。你可以根据自己的需求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值