- 浏览: 914940 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (498)
- J2EE (52)
- 数据库 (17)
- java基础 (43)
- web技术 (19)
- 程序设计 (6)
- 操作系统 (18)
- IT资讯 (7)
- 我的IT生活 (12)
- 学习笔记 (9)
- Jquery (25)
- JavaScript (18)
- spring (40)
- Hibernate (12)
- Struts (10)
- YUI (2)
- Extjs (22)
- .net (0)
- Eclipse (10)
- 社会主义 (2)
- 服务器 (9)
- CSS (8)
- 网络安全 (16)
- 版本控制 (9)
- PHP (2)
- Oracle (42)
- SQL server (1)
- Mysql (11)
- 项目管理 (3)
- 开发工具使用 (10)
- SQL语句 (7)
- Perl (0)
- Shell (6)
- 漏洞 (4)
- ibatis (5)
- hacker (2)
- SQL注入 (6)
- Hacker工具 (2)
- 入侵和渗透 (7)
- 插件/组件 (2)
- 最爱开源 (5)
- 常用软件 (2)
- DOS (1)
- HTML (2)
- Android (9)
- CMS (1)
- portal (8)
- Linux (7)
- OSGI (1)
- Mina (5)
- maven (2)
- hadoop (7)
- twitter storm (2)
- sap hana (0)
- OAuth (0)
- RESTful (1)
- Nginx (4)
- flex (1)
- Dubbo (1)
- redis (1)
- springMVC (1)
- node.js (1)
- solr (2)
- Flume (1)
- MongoDB (2)
- ElasticSearch (1)
最新评论
-
M_drm:
请问要怎么设置浏览器才不报没权限呢?
用JS在页面调用本地可执行文件的方法(ACTIVEX) -
Alexniver:
官方文档。When importing data into I ...
mysql导入数据过慢 解决方法 -
camelwoo:
我记得 Criteria 可以做连接查询与子查询,也可以做分页 ...
Hibernate总结篇二 -
zhenglongfei:
楼主如果SubKeyName 这个节点不存在,怎么办??怎么用 ...
Java操作注册表 -
yxx676229549:
用log4j 2 了
logback
1.用javascript判断radio单选框是否被选中,我们以选择性别为例:
2.JS(javascript)判断checkbox(复选框)是否被选中
3.使用javascript获取select下拉列表框当中的文本值(对IE及firefox都适用)
也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。
其实方法很简单。看下面javascript代码:
<span>性别:</span><span>男</span><input type="radio" value="1" name="sex" id="sex" /> <span>女</span><input type="radio" value="2" name="sex" id="sex" />
<script type="text/javascript"> var sex_obj = document.getElementsByName('sex'); var temp_sex = false; for(var i = 0; i < sex_obj.length; i ++){ if(sex_obj[i].checked){ var sex = sex_obj[i].value; temp_sex = true; break; } } if(temp_sex == false){ alert('请选择性别'); return false; } </script>
2.JS(javascript)判断checkbox(复选框)是否被选中
<script type="text/javascript"> function checkform() { //判断标题栏是否填写 if (document.form1.title.value == "") { alert("信息类型不能为空!"); document.form1.title.focus(); return; } //判断checkbox是否被选中 var len = document.form1.keywords.length; var checked = false; for (i = 0; i < len; i++) { if (document.form1.keywords[i].checked == true) { checked = true; break; } } if (!checked) { alert("请至少选择一个关键词!"); return; } document.form1.submit(); } </script>
3.使用javascript获取select下拉列表框当中的文本值(对IE及firefox都适用)
<select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2" >广州</option> </select>
也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。
其实方法很简单。看下面javascript代码:
function isSelected(value) { var cityName; var city = document.getElementById("city"); //获取选中的城市名称 for(i=0;i<city.length;i++){ if(city[i].selected==true){ cityName = city[i].innerText; //关键点 alert("cityName:" + cityName); } } }
发表评论
-
js 函数function用法
2013-01-24 09:23 1045http://blog.csdn.net/sunboy_205 ... -
js 数组Array用法
2013-01-24 09:22 969http://blog.csdn.net/sunboy_20 ... -
Ajax动态加载目录树(jquery-treeview)
2012-08-08 18:05 0原文:http://blog.csdn.net/bob007a ... -
JQuery上传插件Uploadify详解及其中文按钮解决方案
2012-08-08 18:02 0官网: http://www.uploadify.com/do ... -
ExtJS Button的事件和方法定义
2011-12-28 12:24 15305ExtJS Button的事件和方法定义: Ext.onR ... -
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
2011-12-27 16:30 2938在使用<input id="file_upl& ... -
网页HTML代码中Meta标签详解
2011-12-26 15:04 1176很多人忽视了HTML标签META的强大功效,一个好的META标 ... -
js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果
2011-12-26 15:00 10979js实现鼠标点击(非a:hover,a:link,a:visi ... -
html中a标签中的onclick和href的使用
2011-12-26 14:54 1591下面代码则执行了subgo()函数, <a href= ... -
用JS在页面调用本地可执行文件的方法(ACTIVEX)
2011-06-17 15:59 6551用JS在页面调用本地可执行文件的方法,发现主要是用ACTIVE ... -
js Exception处理
2011-06-17 14:53 4300javascript同java一样,都有异常处理机制。在jav ... -
js中2个等号与3个等号的区别
2011-03-01 16:43 1416首先,== equality 等同,=== identity ... -
js array 取指定元素索引、判断是否相同、重复、过滤数据
2011-02-28 11:05 3844最近写js也多了,Array中有好多方法不够用。自己加了 ... -
Javascript版 UrlEncode和UrlDecode函数 (URL地址栏参数加密解密)
2010-06-25 16:56 6064在做项目的时候需要对(Internet) Search Eng ... -
javascript 小结(持续更新中......)
2010-05-17 15:53 11021.获得被调事件所在的标签对象 var obj = windo ... -
js坐标位置详解 及获取(ie ff)
2010-05-17 14:37 1772function getAbsPoint(e) ... -
javascript提交表单(JS验证)
2010-05-11 11:29 2085提交 ,javascript提交表单: 目录: 1:js ... -
select下拉列表 multiple 多选应用实例
2010-05-10 11:13 2700<html> <head> < ... -
js中英文字符串长度 js中英文字符串截取(转)
2010-04-09 13:14 1420关键字: javascript/截取 摘要:我们在用程序处理 ...
相关推荐
一、改变radio/checkbox选中状态 在HTML中,`<input type="radio">` 和 `<input type="checkbox">` 分别用于创建单选按钮和复选框。在jQuery中,我们可以通过`.attr()`方法来改变它们的`checked`属性,从而改变其...
1. **设置Checkbox选中状态**: ```javascript $('input[type="checkbox"]').prop('checked', true); // 选中所有Checkbox $('#checkbox1').prop('checked', true); // 选中ID为'checkbox1'的Checkbox ``` 2. *...
3. **使用`:checked`伪类**:通过`:checked`伪类,当Radio或Checkbox被选中时,可以改变关联元素的样式。 ```css input[type="radio"]:checked + label { /* 添加选中时的样式 */ } ``` 4. **利用伪元素`:...
// 获取名为 checkbox_id 的 checkbox 是否被选中 $("#checkbox_id").attr("checked"); // 设置名为 checkbox_id 的 checkbox 为选中状态 $("#checkbox_id").attr("checked", true); // 设置名为 checkbox_id 的 ...
这些美化的radio和checkbox不仅在视觉上打破了传统的单一形态,还可能在交互反馈上有所创新,例如,选中时的动画效果、颜色变化或者形状变换,以明确告知用户操作状态。 在使用这些美化组件时,开发者需要注意兼容...
当radio或checkbox被选中时,通过jQuery监听事件并更新自定义UI的状态。 ```css input[type="radio"], input[type="checkbox"] { display: none; } input[type="radio"] + label:before { content: " "; ...
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
正确的做法是使用冒号选择器(:checked),它能够确保我们只获取被选中的checkbox或radio的集合: ```javascript $("#btn5").click(function(){ var str = ""; $("[name='checkbox']:checked").each(function(){ ...
例如,在JavaScript中,`element.checked`属性会返回一个布尔值,表示复选框是否被选中。在Python的Tkinter库中,`var.get()`可以获取Checkbutton的当前状态。 三、事件处理 当CheckBox的状态改变时,我们常常需要...
通常,这样的文件会包括通用样式、布局样式、组件样式等部分,其中针对 `checkbox` 和 `radio` 的样式可能会被单独封装在某个选择器内,以保持代码的模块化和易维护。 6. **HTML 结构与布局** "index.html" 文件是...
2. **检查状态**:使用`.is()`方法可以检查元素是否被选中。例如,`$("#myCheckbox").is(":checked")`会返回一个布尔值,表示该checkbox是否被勾选。 3. **改变状态**:要改变checkbox或radio的选中状态,可以使用`...
- **JavaScript操作**:同样可以使用JavaScript改变`radio`的状态,但需要注意互斥性,确保其他同组内的按钮相应地取消选中。 3. **特效实现** - **CSS样式**:通过CSS可以改变`checkbox`和`radio`的外观,例如...
在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...
本文将详细介绍如何使用jQuery来判断`checkbox`和`radio`是否被选中。 首先,我们来看`radio`的选择判断。`radio`按钮通常用作一组互斥选项,用户只能选择其中一个。以下是一个简单的jQuery代码片段来判断某个具有...
下面将详细介绍如何使用jQuery来判断这些元素是否被选中以及如何获取它们的选中值。 1. **Radio Button(单选按钮)** - **获取选中值**: ```javascript var selectedRadioValue = $('input[name=items]:...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
因此,判断`RADIO`按钮是否被选择,主要看这一组中是否有被选中的按钮。在JavaScript中,可以通过遍历表单元素来检查这一组`RADIO`按钮的`checked`属性。如果找到一个`checked`属性为`true`的按钮,说明至少有一个被...
总的来说,“漂亮的Checkbox Radio漂亮样式”涵盖了如何使用HTML、CSS以及可能的JavaScript技术来定制和优化Checkbox与Radio的视觉效果,以提升网页的美感和用户体验。设计师和开发者可以通过各种技巧和工具创造出与...