废话不多说了，直接给大家贴代码了，具体内容如下所示： // js<script type="text/javascript"> function myBtn_f() { var cnt = $(#myCnt).val(); syncAjax(myAjax.html, { cnt : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $(#myDiv); alert("[" + data + "]"); for ( var i = 0; i < data.length; i++) { var input1 = $("<input type=text name=input1 />"); input1.attr(va...
本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法。分享给大家供大家参考，具体如下： $(function(){ $(".grayTips").each(function(){ //遍历每个文本框var objTextBox=$(this);var oldText=$.trim(objTextBox.val());objTextBox.css("color","#888"); objTextBox.focus(function(){if(objTextBox.val()!=oldText){objTextBox.css("color","#000");}else{objTextBox.val("").css("color","#888");}});objTextBo...
今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head><meta charset="UTF-8"><title></title><style type="text/css" media="screen">*{margin :0;padding :0;font : normal 12px/17px Arial;}.msg{width :300px;margin : 100px;}.msg_caption{width :100%;overflow : hidden;margin-botton : 1px;}.msg_caption span{display : block;float : left;margin :0...
近段时间接到一个比较奇葩的需求，对方要求在企业站中加入一个类似word的表单，并供用户在线填写与提交。 仔细看了一下，该表单的字段高达一百多个，这个量级是相当可怕的。如果每个input手动去填写id和name的话，该是一个多么可怕的体力活啊。 反复思考了一下，为避免苦逼的去逐个填写input的id与name，决定用JS配合PHP的方式来解决这个表单一连串的提交工作。 表单组成部分 表单首先按照客户的要求，将需要填写的表格与选项按照w...
HTML5中定义了一种input框很好看的下拉列表--datalist，然而目前它的支持性并不好(万恶的IE，好在你要渐渐退役了...)。于是最近更据需求写了一个小型datalist插件，兼容到IE8(IE7应该没多少人用了吧？)。实现的具体需求如下: 当被选中的时候(触发blur焦点)(不管是鼠标还是tab键)清空input框并且显示自定义的下拉列表,然后可以用键盘的上下键选择(鼠标当然肯定没理由不可以啦)，单击鼠标左键或者enter键将选中的列表的值输入到...
例如有两个图片上传的 input，都必须上传图片： html代码如下: 选择文件 1 ：<input type="file" name="myfile[]" class="myfile"> 选择文件 2 ：<input type="file" name="myfile[]" class="myfile">js代码如下: if($(".myfile").length == 2){ $(".myfile").each(function(){ if($(this).val() == "") { alert("请上传图片！"); flag = 0; } }); }else if($(".myfile").l...
本文实例讲述了jQuery多个input求和的实现方法。分享给大家供大家参考。具体实现方法如下： html页面代码如下：<td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name="add1" id="add1"/> </td> <td> <input name="add2" id="add2"/> </td> jQuery部分代码如下： <script> $("input[id^=add]").change(function(){ var sum=0; $("input[id^=add]").each(function()...
代码如下：代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } a, img { border: 0; text-decoration: none; } body { font: 12px/180% Arial, Helvetica, sans-serif, "新宋体"; } table { empty-cells: show; border-collapse: c...
本文实例讲述了jQuery中:input选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配所有的input元素。例如：<input type="text" />等等 语法结构:代码如下:$(":input") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>:input选择器-脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></sc...
最近开发一个项目，需要实现用户在WEB表单里的多个INPUT框中输入数量后，立即自动计算加总各项输入的数量之和，并显示在指定的INPUT框中，这个功能实现的原理是简单的，就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现，代码如下：代码如下: $("input.syxcost").change(function(){ computeReceivedsyxcost(); } function computeReceivedsyxcost(){ //计算加总 var syxcost=0; ...
分享下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="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery 隐藏与显示 input 默认值</title> <script language="javascript" src="jquery-1.7.1.min.js"></...
$("form :input") 返回form中的所有表单对象，包括textarea、select、button等 $("form input")返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :input是属于表单选择器(匹配所有<input>、<textarea>、<select>、<button>元素)
input: var xxx = $(#ID).val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $(input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); });注意：这里没有基于ID，有些不严谨。如果你的checkbox元素是某个容器的子元素（假设容器的id为con_id），则可以这样选择： ====== $(#con_id input...
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 // 根据切...
代码如下:<html> <meta charset="utf-8" /> <style > .ppp{ width:600px; height:300px; background-color:pink; } </style> <input type="text" id="ttt" name="" value="" maxlength="" placeholder="" /> <br /><br /><br /> <div class="ppp"></div><!-- --> <script src="jquery-1.7.2.min.js"></script> <script> $("document").ready(function(){ $("#ttt").keyup( function(){$(".ppp:first").html(this.value)} ) }); </s...