- 浏览: 478456 次
- 性别:
- 来自: 武汉
文章分类
最新评论
-
excellent95:
谢楼主分享,确实是CSS图片问题
Struts2判断页面是POST方式提交还是GET方式提交 -
wangluo2:
javaBase那个包显示有问题啊pom文件那一行报错了
微信公众平台开发实战(08) 基于地理信息的服务(LBS) -
andilyliao:
jd技术这么渣也好意思出书,真是醉了
《京东技术解密》试读--十年磨一剑 -
bitray:
刘强东作序多什么,他也不会什么技术,腾讯出来帮他还不是因为腾讯 ...
《京东技术解密》试读--十年磨一剑 -
come_for_dream:
想试试搞这个
《大型分布式网站架构设计与实践》试读
<script> function f(index){ var x=document.getElementsByName("radiobutton"); for(var i=0;i<x.length;i++){ if(x[i].value==index) { x[i].checked=true; break; } } } </script> <body> <FORM METHOD=POST ACTION=""> <input type="radio" name="radiobutton" value="1" /> 1 <input type="radio" name="radiobutton" value="2" /> 2 <input type="radio" name="radiobutton" value="3" /> 3 <input type="radio" name="radiobutton" value="4" /> 4 <input type="radio" name="radiobutton" value="5" /> 5 <br> <input type="button" name="s1" value="OK1" onclick="f(1);" /> <input type="button" name="s2" value="OK2" onclick="f(2);" /> <input type="button" name="s3" value="OK3" onclick="f(3);" /> <input type="button" name="s4" value="OK4" onclick="f(4);" /> <input type="button" name="s5" value="OK5" onclick="f(5);" /> </FORM> </body>
一些频繁使用的javascript页面控制,做个总结。
下面是部分代码。
<html> <head> <script language="javascript"> function a(){ window.document.getElementsByName("dx")[0].checked=true; } function b(){ window.document.getElementsByName("dx")[0].checked=false; } function c(){ window.document.getElementsByName("fx")[0].checked=true; } function d(){ window.document.getElementsByName("fx")[0].checked=false; } function e(){ for(i=0;i<window.document.getElementsByName("fx").length;i++){ if(!window.document.getElementsByName("fx")[i].checked){ window.document.getElementsByName("fx")[i].checked=true; } } } function f(){ for(i=0;i<window.document.getElementsByName("fx").length;i++){ if(window.document.getElementsByName("fx")[i].checked){ window.document.getElementsByName("fx")[i].checked=false; } } } function g(){ window.document.getElementById("lbka")[1].selected=true; } function h(){ alert(" 选择号为:"+window.document.getElementById("lbka").selectedIndex + " 值为:" + window.document.getElementById("lbka")[window.document.getElementById("lbka").selectedIndex].value +" 文本值为:" + window.document.getElementById("lbka")[window.document.getElementById("lbka").selectedIndex].text); } function m(){ sel = false; var val=""; for(i=0;i<window.document.getElementsByName("dx").length;i++){ if(window.document.getElementsByName("dx")[i].checked){ val = window.document.getElementsByName("dx")[i].value; sel=true; break; } } if(sel){ alert("单选值为:"+val); }else{ alert("请选择文件"); return false; } } function j(){ var sel = false; var val=""; for(i=0;i<window.document.getElementsByName("fx").length;i++){ if(window.document.getElementsByName("fx")[i].checked){ if(val==""){ val=window.document.getElementsByName("fx")[i].value; }else{ val = val + "," +window.document.getElementsByName("fx")[i].value; } } } if(val==""){ alert("请选择文件"); return false; }else{ alert("复选值为:"+val); } } </script> </head> <body> <table id="table1" width="100%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td> 文件 </td> <td> 列表框 </td> <td> 单选 </td> <td> 复选 </td> </tr> <tr> <td> 文件A </td> <td> <select name="lbka"> <option value="lbka1"> 文件A1 </option> <option value="lbka2"> 文件A2 </option> </select> </td> <td> <input type="radio" name="dx" value="dxa"> </td> <td> <input type="checkbox" name="fx" value="fxa"> </td> </tr> <tr> <td> 文件B </td> <td> <select name="lbkb"> <option value="lbkb1"> 文件B1 </option> <option value="lbkb2"> 文件B2 </option> </select> </td> <td> <input type="radio" name="dx" value="dxb"> </td> <td> <input type="checkbox" name="fx" value="fxb"> </td> </tr> <tr> <td colspan="4"> <a href="#" onclick="a();">单选A选中</a> <a href="#" onclick="b();">单选A不选中</a> <a href="#" onclick="c();">复选A选中</a> <a href="#" onclick="d();">复选A不选中</a> <a href="#" onclick="e();">复选全选</a> <a href="#" onclick="f();">复选全不选</a> <a href="#" onclick="g();">选中列表框文件A2</a> <a href="#" onclick="h();">取得选中列表框A的值,文本</a> <a href="#" onclick="m();">判断单选选择</a> <a href="#" onclick="j();">判断复选选择</a> </td> </tr> </table> </body> </html>
发表评论
-
Spring Security 3.0 记住密码功能
2016-01-13 22:58 21171,在数据库中新增记录表 -- ---------- ... -
解决JavaMail发邮件抛出找不到SharedByteArrayInputStream类的异常
2011-07-22 11:21 7726在最近项目开发过程中 ... -
怎样让Word自动更新图片与表格编号
2010-12-31 17:03 11750怎样让Word 自动更新图片与表格编号 ... -
W3C_School在线教程chm版制作教程
2010-12-22 21:48 7679W3C_School 在线教程chm 版制作教程 ... -
String与StringBuffer区别详解
2010-12-17 17:19 3317String 与StringBuffe ... -
Spring 3.0 新特性
2010-12-10 10:58 3421Spring 3.0 新特性 ... -
iText生成PDF时表头设置错误导出数据不能完全导出
2010-07-20 12:16 2192在利用iText生成PDF文件时,通常由于数据量比较多时会产生 ... -
事务管理入门-JDBC/Hibernate事务管理器/Spring注解 3种方式
2009-07-28 15:09 4690在软件开发过程中,经 ... -
JavaMail
2009-07-16 16:56 0javamail 怎样设置发件人的名字 http://to ... -
IBM Ajax系列教程
2009-02-16 20:39 1741第 1 部分: Ajax 简介 Ajax ... -
项目经验之弹出页面再弹出页面
2009-02-13 18:58 1116在项目中有这样一个场景,某弹出页面要弹出另一个: 弹出页面: ... -
正则表达式使用之替换多个字符串
2009-02-13 15:44 2570想一次性去掉某个文本文件中的某些字符串: 实现方式: 直接用竖 ... -
OGNL的jar档、文档和源代码
2009-02-05 09:25 52261、官方网站: http://mirrors.ibiblio. ... -
Calendar与java.sql.Date
2008-12-08 15:29 1711在Oracle数据库中,我们会有Date类型的数据,存储格 ... -
JSP中使用JavaScript重定向页面
2008-12-03 10:04 3366第一种,不重定向,推荐使用。 function init( ... -
如何去掉 Code Pro 的警告标志
2008-11-07 16:35 1345Code Pro 是一个很好的代码格式检查工具,不过有时我们只 ... -
使用Struts提交多行数据
2008-11-07 11:27 3925使用Struts提交多行数据 http://blog.fl ... -
Ant使用经验
2008-10-22 10:18 12971、【示例1】: <?xml version=" ... -
利用JXL(JExcelApi)操作Excel文档
2008-10-09 10:51 52641、工具类: package com.coderdream. ... -
JSP下载文档
2008-10-07 14:08 19271、设置doc格式的文件弹出对话框: <?xml v ...
相关推荐
通过使用JavaScript,我们可以灵活地控制单选按钮组的行为,实现更丰富的用户交互。无论是获取和设置选中状态,还是进行条件判断和响应,JavaScript都提供了强大的工具。希望本文能帮助你在未来的项目中更好地利用...
本主题“css3单选框切换特效”聚焦于如何利用CSS3来美化和增强传统的HTML单选框元素的行为和外观。单选框在网页中常用于提供多个选项让用户选择一个,而通过CSS3,我们可以让这些选择更加吸引人和交互性更强。 首先...
总之,"iphone单选框复选框样式.zip"提供了一种使用jQuery和CSS实现iPhone风格的单选框和复选框样式的方案,涉及了jQuery事件处理、CSS伪类、以及JavaScript样式操作等知识点。这对于想要提升网页UI体验的开发者来说...
这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例,其中包括了HTML、CSS图像和JavaScript文件,它们共同作用于创建与iPhone原生UI相仿的表单元素交互体验。 首先,`index.html`文件是整个...
在网页设计中,单选框(Radio Button)是一种常见的用户界面元素,用于让用户在多个互斥选项中选择一个。这个名为“5款简单实用的单选框样式.rar”的压缩包包含了一些精心设计的单选框样式,适用于各种网页场景,以...
为了更加灵活地处理多个单选框元素,我们通常不会为每个单选框都写一遍绑定代码,而是利用Jquery强大的选择器和遍历功能。示例中的代码`$(".imagezz").click($test_image_check_box_click);`通过` $(".imagezz")`...
2. **使用网页表单**:将调查问卷迁移到网页环境中,利用HTML、CSS和JavaScript构建,这样可以完全控制表单元素的交互行为。 3. **使用现成的表单服务**:如Google表单、SurveyMonkey等在线服务,它们提供了用户...
这里我们将详细探讨标题提及的三种取消选中单选框radio的方法,它们均依赖于JavaScript库jQuery,并且一种方法还涉及到了JavaScript的DOM操作。 1. **jQuery去除`checked`属性**: 这是第一种方法,通过jQuery的`...
例如,通过`$('input[type="radio"]')`和`$('input[type="checkbox"]')`,我们可以方便地选中所有的单选框和复选框。然后,可以使用`.addClass()`、`.removeClass()`和`.toggleClass()`等方法来动态添加、移除或切换...
这个例子展示了如何利用JavaScript控制单选框的逻辑,以及如何与HTML表单元素交互,实现简单的用户界面交互功能。在实际开发中,可以依据需求进一步扩展这些函数,添加更多的逻辑处理或效果。 了解单选框的基本用法...
在本资源"jQuery表单复选框与单选框美化特效.zip"中,您将找到一个使用jQuery实现的表单复选框和单选框美化效果的实例。这个压缩包包含四个主要文件:index.html(主页面)、font(字体文件夹)、js(JavaScript...
"input_美化、单选框 点击文字可以选中"这个主题涉及到的是如何通过CSS和JavaScript来改进HTML中的输入元素(如单选按钮)的外观,并且允许用户通过点击文字来选择单选选项。下面我们将深入探讨这一技术实现及其相关...
总的来说,"单选框_复选框美化插件"是一种提高网页交互体验的有效工具,它结合了CSS和JavaScript的力量,让原本平凡的表单元素变得生动有趣。开发者在使用这类插件时,不仅可以提升产品视觉吸引力,还能借此学习到...
【标题】:“带点击动画特效的CSS3单选框和复选框”是网页设计中的一种创新技术,它利用了CSS3的高级特性为传统的HTML单选框(radio)和复选框(checkbox)添加了视觉上的交互体验。这种特效在用户与表单元素进行...
本文将深入探讨如何利用CSS3和SVG来实现一个独特的“CSS3 SVG美化单选框选中跳跃动画特效”。 首先,我们来看“单选框”(Radio Button)这一常见的表单元素。在传统的HTML中,单选框的样式由浏览器默认提供,通常...
总的来说,"基于jquery的iPhone风格的单选框和复选框.zip"是一个专注于前端UI设计和交互实现的资源,它展示了如何利用jQuery的灵活性和CSS3的强大功能来打造贴近真实移动设备体验的Web界面。对于前端开发者来说,...
在网页设计中,用户体验往往受到细节的极大影响,其中表单元素如单选框(radio)和复选框(checkbox)的样式就是重要的组成部分。"jQuery和css3单选框复选框美化效果"这个项目提供了一种方法,通过结合jQuery库和CSS...
"jQuery美化单选框星级评论表单代码"就是一种提升用户体验的方法,它利用jQuery库来增强HTML表单的视觉效果和交互性,特别是针对星级评价这一常见功能。 jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的...
在本文中,我们将深入探讨如何使用纯CSS3实现Material Design风格的单选框(radio button)和复选框(checkbox)特效。Material Design是Google推出的一种设计语言,它以其清晰的层次结构、直观的交互以及丰富的动画...
这个实例展示了如何利用JavaScript动态地控制HTML元素的属性,这对于创建交互式Web应用是非常关键的。在实际开发中,这种技巧广泛应用于表单验证、动态内容更新和用户交互处理等场景。理解并熟练运用这些基本的DOM...