jquery显示隐藏input对象

2025-08-27 18:50:44

1 所属部门选择其他时显示一个输入框进行填写

#html
<select id='deptid' name='deptid' class="select" onchange='deptChange()'>
 <c:forEach var="item" items="${deptidList}" varStatus="status">
 <option value='${item.value}'> ${item.name} </option>
 </c:forEach>
</select>
<!-- 类型为其他时 需要填写其它部门 -->
<input id='otherDept' name='otherDept' type="text" class="text" maxlength='50' style='display:none;'/>

//js
// 根据切换是否显示其他部门输入框
 function deptChange(){
 var deptid = $('#deptid').val();
 // alert('type:'+hytpye);
 if(deptid=='other'){
  $('#otherDept').show();
 }else{
  $('#otherDept').hide();
 }
 }

jquery关于表格及表格列隐藏和显示问题探讨

1.关于指定表格指定列隐藏显示复制代码代码如下: $(":checkbox[name*=month]").each(function(){ if(!$(this).attr("checked")){ var colnum = $(this).val(); $("#listPage").find('tr').find("td:eq(" + colnum.toString() + ")").hide();
jQuery Mobile的loading对话框显示/隐藏方法分享

显示loading对话框方法是: 复制代码代码如下: $.mobile.showPageLoadingMsg(); 也可设置参数复制代码代码如下: $.mobile.showPageLoadingMsg("b","加载中",false); 隐藏loading对话框方法是: 复制代码代码如下: $.mobile.hidePageLoadingMsg();
jquery和js实现对div的隐藏和显示方法

jQuery对div的显示和隐藏: 显示: 复制代码代码如下: $("#id").show() 隐藏: 复制代码代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白复制代码代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着"用户名/Email"的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示"用户名/Email"的提示.是不是很常见?很多搜索.登录.表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: 复制代码代码如下: &l
jQuery 隐藏和显示 input 默认值示例

复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
jQuery动态显示和隐藏datagrid中的某一列的方法

复制代码代码如下: $(function(){ $('#tt').datagrid({ title:'报表统计', width:1020, height:400, url:'', fitColumns:true, loadMsg:'正在获取,请稍侯...', singleSelect:true, nowrap:false, columns:[[ {field:'REGION_NAME',title:'分公司',width:30,align:'center'}, {field:'COUNTY_N
jQuery显示和隐藏常用的状态判断方法

显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1.if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下 if(thisNode.hasClass('showFlag')){.......}else
Jquery 点击按钮显示和隐藏层的代码

代码: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"
jQuery简单实现隐藏以及显示特效

简单的隐藏以及显示的代码如下: 复制代码代码如下: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function
jquery通过visible来判断标签是否显示或隐藏

复制代码代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }
jquery 隐藏与显示tr标签示例代码

废话少说直接上代码代码是程序员交流的最好方式哈哈: 复制代码代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.ge
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条

本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条. 效果预览网址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htm scrollTop的介绍: 语法 $(selector).scrollTop(offset) 参数 offset 描述可选.规定相对滚动条顶部的偏移,以像素计. 定义和用法 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置. scroll top offse
jQuery元素的隐藏与显示实例

本文实例讲述了jQuery元素的隐藏与显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/jscript" src="jquery/jqu
Jquery设置attr的disabled属性控制某行显示或者隐藏

设置attr的disabled属性可以控制某行显示或者隐藏 //加载费用项目下拉框 function loadChargeItemsSelect(status){ $("#settlementDetailInfo").find("tr[trflag=trflag]").each( function(){ $(this).children().eq(2).html($("#chargeItemsDiv").html()); var eachChar

jquery显示隐藏input对象

相关推荐

随机推荐