<head><script type="text/javascript">$("#sub1").click(function(){var text1=$("#text1").val();if(text1==""){alert("不能为空!");$("#text1").select();$("#text1").focus();}else{$("#form1").submit();}})</script></head><body><form id="form1" method="post" action=""><input type=text id="text1"/><input type="submit" id="sub1"搜索 value="提交"></form></body> 原文:http://www.cnblogs.com/sunhaoyu/p/4821499....
jQuery计算文本宽度的原理是利用html提供的<pre>标签,向dom中动态添加<pre>标签,标签里的内容就是要测试长度的文本,获取完长度之后再删除刚才添加的<pre>标签,从而可取到文本的大概长度了。为什么要用标签而不用其他标签呢,那来看看<pre>标签的特性吧:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体。 <pre>标签的一个常见应用就是用来表示计算机的源代码。需要注...
$("#a").val("你好").trigger("change");
$("#a").bind("change", function(){ alert("你触发了change事件");});
这样,你赋值到input上,然后trigger就会模拟触发change事件,然后你绑定的change事件就会执行。
原文:http://www.cnblogs.com/bushe/p/4796861.html
最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下:$("input.syxcost").change(function(){computeReceivedsyxcost();
}function computeReceivedsyxcost(){ //计算加总var syxcost=0;$("input.syxcost").each(functio...
获取选中的值获取一组radio被选中项的值var item = $(“input[@name=items]:checked”).val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$(‘#select_id‘)[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值$(‘input[@name=items]‘).get(1).checked = true;获取值:文本框,文本区域:$("#txt").attr("value");$("#txt").val();多...
点击右侧的修改按钮,对应的input中的disabled和readonly得属性修改$(".buttonxg button").click(function(){ $(this).prev().children("input").removeAttr("readonly");}) Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下,感兴趣的朋友可以练练手了Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下$(‘input‘).attr("readonly","readonly")//将input元素设置为...
实现效果:源代码: $(function() {$("#exist_code_remind").attr("style","display:none");$(".form-control").click(function(){var ac = true;$(".code_td_class").each(function(){if((Number)($(this).text()) == (Number)($("#user-code").val())){ac = false;//如果重复-显示提示}});if(ac){//隐藏$("#exist_code_remind").attr("style","display:none");}else{//显示$("#exist_code_remind").attr("style","color:red");//...
1 if($("input[name=item][value=‘val‘]").attr(‘checked‘)==true) //判断是否已经打勾name即控件name属性,value即控件value属性可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式if($("input[name=row_checkbox]").attr(‘checked‘)==true){alert("j");}else{alert("请选择数据!");}另,还可以写成if($("[name=row_checkbox]").attr(‘checked‘)==true) jquery radio取值,checkb...
分享下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+JavaScript 实现 table 的增加和减少--www.jbxue.com</title>
<script language="javascript" src...
jQuery 操作 input 之 checkbox 一片HTML 清单:<input type="checkbox" name="hobby" value="棒球"> 棒球
<input type="checkbox" name="hobby" value="乒乓球"> 乒乓球
<input type="checkbox" name="hobby" value="羽毛球"> 羽毛球
<input type="checkbox" name="hobby" value="篮球"> 篮球
<input type="checkbox" name="hobby" value="足球"> 足球
<input type="checkbox" name="checkAll" value=""> 全选1、给每个 item 绑定...
jquery 修改 input的type改成password在高版本浏览器里面会出现第一次输入会被阻拦 在firefox 里面错误提示 安全问题这个我一直不知道 被坑一把 解决方案 不要修改password2 用别的代替现实原文:http://www.cnblogs.com/jiutong/p/3530493.html
1、prop方法获取、设置checked属性当input控件checkbox设置了checked属性时,无论checked=”“或 checked=”checked”,$(obj).prop(“checked”)的结果都是true; 当input控件checkbox没设置checked属性时,$(obj).prop(“checked”)的结果是false。 设置$(“input[name=’checkboxall’]”).prop(“checked”, true)时,checkbox会被选中; 设置$(“input[name=’checkboxall’]”).prop(“checked”, false)时,checkbox不会被选...
JQuery获取input type="text"中的值的各种方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="jquery-1.5.1.min.js" type="text/javascript"></script> ...
index.jsp<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascri...
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"/> 5<title>input</title> 6<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> 7</head> 8<body> 9<script>10function change_jq(){
1112//JQ获取input值13var user_val=$(‘#user‘).val();
14//jq赋值到input15 $(‘#display_val‘).val(user_val);
16//可修改 id val等17 $("#display_val2").attr("value",user_val);
18 }
192...