随着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...
本文实例讲述了js实现带关闭按钮始终显示在网页最底部工具条的方法。分享给大家供大家参考。具体如下： 这是一款很实用的代码，给网页加入一个始终显示在浏览器窗口底部的工具栏，可以在上面放上公告，联系人等等信息，此代码的工具条还带有关闭按钮，可以随时关闭代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www....