本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法。分享给大家供大家参考。具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> <script type="text/javascript"> function sub() {document.forms[0].elements[0].disabled = true;document.forms[0].sub...
随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。1.获取选中值,三种方法都可以:代码如下: $(input:radio:checked).val(); $("input[type=radio]:checked").val(); $("input[name=rd]:checked").val();2.设置第一个Ra...
苹果开关按钮效果~~ 关闭时 开启时html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>apple button</title> </head> <body> <div id="div1" class="open1"> <div id="div2" class="open2"></div> </div> </body> </html>css代码如下: #div1{ width: 170px; height: 100px; border-radius: 50px; ...
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> </head> <body> <h1>My First JavaScript</h1> <p id="demo">This is a paragraph.</p> <button type="button" onclick="displa...
本文实例讲述了JavaScript获取按钮所在form表单id的方法。分享给大家供大家参考。具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取。 <!DOCTYPE html> <html> <body> <h1>www.sharejs.com</h1> <form id="form1"> <button id="button1" type="button">Click me!</button> </form> <p>The id of the form containing the button is: <script> document.write(document.getElementById("button1").form...
本文实例讲述了JavaScript控制按钮可用或不可用的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过按钮对象的disabled属性控制按钮是否可用 <!DOCTYPE html> <html> <body> <form> Buttons: <input type="button" id="firstbtn" value="OK"> <input type="button" id="secondbtn" value="OK"> </form> <p>Click the button below to disable the first button above. </p> <button onclick="disableElement()">Disable bu...
本文实例讲述了jQuery实现防止提交按钮被双击的方法。分享给大家供大家参考。具体实现方法如下: $("#submit").one(click, function (event) { event.preventDefault();//do something$(this).prop(disabled, true); });希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法。分享给大家供大家参考。具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能。 主要代码如下:<html> <body> <form method="get" action="" target="box"> <input id="buttonid" type="submit" value="提交" /> </form> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script> $("...
本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法。分享给大家供大家参考。具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++) {if(myForm.marsupial[i].checked) {break;} } alert("You selected \""+myForm.marsupial[i].value+"\"."...
本文实例讲述了JavaScript通过this变量快速找出用户选中radio按钮的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过this变量结合radio按钮的onchange事件快速找出用户选择的哪一个radio按钮 <script> function favAnimal(button) { alert(You like +button.value+s.); } </script> <input type="radio" name="marsupial" value="kangaroo"onchange="favAnimal(this)">Kangaroo <br /><input type="radio" name="mars...
本文实例讲述了JavaScript阻止浏览器返回按钮的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码可以阻止用户点击返回按钮,非常实用,需要的朋友可以收藏一下。 <SCRIPT type="text/javascript">window.history.forward();function StopBack() { window.history.forward(); } </SCRIPT> </HEAD> <BODY onload="StopBack();"onpageshow="if (event.persisted) StopBack();" onunload="">希望本文所述对大家的javascript程...
代码很简单,主要是修改了下百度分享的部分代码,小伙伴们自己对比下。代码如下: <div class="tool_title"><b>分享到: </b></div> <div class=share> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到QQ空间" ...
带上下箭头jquery垂直tab选项卡切换标签,技持左侧列表上下滚动,滚动到底部带信息提示。代码如下: <!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标签支持图文排列带按钮的选项卡</title> <script type=...
自从开始学习前端后,平时看到浏览器上的一些出彩的控件都想自己实现一下O(∩_∩)O,不知大家有没有这个感觉。接下来就和大家分享一个,原控件来自百度翻译右下方,大家仔细找找应该能找到,如图所示:感觉蛮有意思的,实现起来也不复杂,比较适合练手。好吧,废话不多说了,直接上代码吧。 html代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset = utf-8/> <title>zoom</title> <link re...
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法。分享给大家供大家参考。具体分析如下: 这是一个网页在线自助生成表格的特效代码。 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个单元格代码如下: <HTML> <HEAD> <TITLE>js动态生成表格</TITLE> <META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type> </HEAD> <script> function creates(){ newiframes=document.createElement("TAB...