jc_dreaming
- 浏览: 1884401 次
- 性别:
- 来自: 合肥
-
文章分类
- 全部博客 (514)
- OPEN (41)
- WARN (33)
- EXPER (16)
- RESOURCE (7)
- TOOL (4)
- DWR (10)
- Struts1.x (10)
- Ibtais (18)
- MyEclipse (30)
- Sql Server (64)
- Tomcat (7)
- APACHE (4)
- JSP (18)
- SERVLET (6)
- ENGLISH (0)
- ECSide (8)
- JasperReports (7)
- JAVA (24)
- JS (42)
- XML (26)
- CVS (8)
- Mind (1)
- JQUERY (2)
- IBATIS (6)
- PROJECT (0)
- STRUTS2 (0)
- PROXOOL (0)
- SPRING (4)
- Hibernate (0)
- SSI (0)
- JBPM (11)
- FLEX (3)
- JSON (2)
- GWT (1)
- jeecms v3 (1)
- Flash (2)
- DATA (1)
- ORACLE (3)
- 查询oracle 中逗号分隔字符串中所有值 (1)
最新评论
-
小小西芹菜：
GoEasy web三步轻松实现web实时推送1. 引入goe ...
服务器推送技术 java -
kg_1997：
这个方法太棒了，可以不用to_date函数，实在是棒！！！
java/oracle日期处理 -
wodesunday：
:idea:
SQL的分段统计查询语句 -
wodesunday：
引用
SQL的分段统计查询语句 -
BlueSkator：
讲的有点浅，没有深入进去
tomcat需要的重新发布和重启服务器的几种情况
最近经常用JS操作 select checkbox 及radio 几个简单函数记录如下 以备查用
Js代码
function getRadioValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
return obj [i].value;
}
}
return "";
}
//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].checked==true) {
result+=obj [i].value+",";
}
}
return result;
}
//复选框 是否处于 选中状态
function CheckboxToChecked(eleName, cValue){
var obj = document.getElementsByName(eleName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].value==cValue) {
obj [i].checked=true;
}else{
obj [i].checked=false;
}
}
return result;
}
//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
alert(txt);
return false;
}
return true;
}
function getRadioValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
return obj [i].value;
}
}
return "";
}
//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].checked==true) {
result+=obj [i].value+",";
}
}
return result;
}
//复选框 是否处于 选中状态
function CheckboxToChecked(eleName, cValue){
var obj = document.getElementsByName(eleName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].value==cValue) {
obj [i].checked=true;
}else{
obj [i].checked=false;
}
}
return result;
}
//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
alert(txt);
return false;
}
return true;
}
其他 只读的属性的为 readOnly (注意大小写)
Js代码
function toReadOnly(ele ,flag){
var obj=document.getElementById(ele);
if(obj!=null){
if(flag==0){//可读
obj.readOnly=false;
obj.style.backgroundColor="white";
}else{//只读
obj.readOnly=true;
obj.value="";
obj.style.backgroundColor="#D8D8D8";
}
}
}
select操作
<html>
<body>
<script>
function test(){
var obj = document.getElementById("temp");
var value = obj.options[obj.selectedIndex].value;
alert(value);
}
</script>
<form>
<select name="cars" id="temp" onclick="test();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
</html>
js获取select元素的value值和文本的方法
获得选中的对象
var selectobj = document.getElementById("selectId");
获得索引;
var index = selectobj.selectedIndex;
获得选中的value的值
var value = selectobj.options[index].value
文本的值:
var text = selectobj.options[index].text
Js代码
function getRadioValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
return obj [i].value;
}
}
return "";
}
//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].checked==true) {
result+=obj [i].value+",";
}
}
return result;
}
//复选框 是否处于 选中状态
function CheckboxToChecked(eleName, cValue){
var obj = document.getElementsByName(eleName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].value==cValue) {
obj [i].checked=true;
}else{
obj [i].checked=false;
}
}
return result;
}
//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
alert(txt);
return false;
}
return true;
}
function getRadioValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
return obj [i].value;
}
}
return "";
}
//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].checked==true) {
result+=obj [i].value+",";
}
}
return result;
}
//复选框 是否处于 选中状态
function CheckboxToChecked(eleName, cValue){
var obj = document.getElementsByName(eleName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].value==cValue) {
obj [i].checked=true;
}else{
obj [i].checked=false;
}
}
return result;
}
//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
alert(txt);
return false;
}
return true;
}
其他 只读的属性的为 readOnly (注意大小写)
Js代码
function toReadOnly(ele ,flag){
var obj=document.getElementById(ele);
if(obj!=null){
if(flag==0){//可读
obj.readOnly=false;
obj.style.backgroundColor="white";
}else{//只读
obj.readOnly=true;
obj.value="";
obj.style.backgroundColor="#D8D8D8";
}
}
}
select操作
<html>
<body>
<script>
function test(){
var obj = document.getElementById("temp");
var value = obj.options[obj.selectedIndex].value;
alert(value);
}
</script>
<form>
<select name="cars" id="temp" onclick="test();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
</html>
js获取select元素的value值和文本的方法
获得选中的对象
var selectobj = document.getElementById("selectId");
获得索引;
var index = selectobj.selectedIndex;
获得选中的value的值
var value = selectobj.options[index].value
文本的值:
var text = selectobj.options[index].text
分享到：
发表评论
-
下载文件的一种简单方法js
2013-11-22 14:28 17262下载文件的一种简单方法js 在做课程排课系统时常常 ... -
JS escape、encodeURI 、encodeURIComponent 编码与解码
2012-10-21 10:25 13062JS escape、encodeURI 、encodeUR ... -
理解setTimeout和setInterval
2011-06-01 10:58 1192甚至可能会错误的把两 ... -
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2011-06-01 10:47 3007Document自带的方法： 循环执行：var timeid ... -
js中SetInterval与setTimeout
2011-06-01 09:06 1437setTimeout和setInterval的语法相同。它们都 ... -
ＪＳ人民币大写转化
2011-05-13 14:54 1548近验证的人民币大写转化的例子 <!DOCTYPE HT ... -
您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)
2011-04-26 16:51 7443用JS代码关闭窗口时会提示“您查看的网页正在试图关闭窗口。是否 ... -
JS获取页面大小信息
2011-04-26 16:27 1702我的页面宽度大于可见宽度，于是我做的弹出层的遮罩在拖动横轴时页 ... -
JS 使用try...catch
2011-01-06 10:45 1352我们可以添加 try...catch 语句，这样当错误发生时可 ... -
让你理解HTML DOM :节点,节点树,访问节点!
2011-01-06 09:52 4943HTML DOM 定义了访问和操作HTML文档的标准方法。 ... -
js生成Table最好的例子并且获取table json，Copy即可运行
2011-01-05 16:42 5296<html> <head> < ... -
js掩藏table列或者行
2011-01-05 14:40 1124<!DOCTYPE HTML PUBLIC " ... -
正则表达式通过实例透彻理解
2010-12-17 15:43 1193如果你曾经用过Perl或任何其他内建正则表达式支持的语言，你一 ... -
JS正则验证邮箱/手机/电话的格式
2010-12-16 09:58 2076援引兄弟博客 http://zithan.iteye.com/ ... -
是js 常用正则表达式表单验证代码
2010-12-13 15:11 1314简介：这是js 常用正则 ... -
js 当前浏览者的显示器分辨率:
2010-10-14 14:29 2073当前浏览者的显示器分辨率: js获取分辨率 js 获得分辨率 ... -
js处理乱码
2010-10-14 09:24 1504JS传参之中文乱码解决方案: 传参：用encodeURI(&q ... -
实用Script详解：一触即停的滚动信息栏
2010-09-25 14:41 1599实用Script详解：一触即停的滚动信息栏 在我们单位一楼 ... -
window.opener属性与window.open()方法
2010-09-08 08:38 2902opener 属性是一个可读可写的属性，可返回对创建该窗口的 ... -
js判断对象是否为空
2010-09-03 16:41 5083/** Check whether string s is e ...
相关推荐
Radio和checkbox通常用于用户进行单选或多选操作，而select则用于下拉列表选择。在默认情况下，这些元素的样式受到浏览器的限制，往往显得单调且不一致。LazyForm允许开发者通过CSS和JavaScript来定制这些元素的外观...
这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中，你可能还需要结合DOM遍历、事件冒泡等知识，实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码，通过查看和实践，可以加深...
在前端开发中，`checkbox`、`radio`和`select`是三种常见的表单元素，它们用于用户交互，收集和提交数据。`checkbox`用于多选，`radio`用于单选，而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...
一个小例子，含全选，有注释，学习一下这些表单元素的属性和方法
在JavaScript的世界里，jQuery库提供了一种简洁的方式来操作DOM元素，包括处理radio、checkbox和select。这些元素在网页表单中十分常见，用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明： 1. **...
在网页设计和开发中，`radio`、`checkbox` 和 `select` 是三种常见的表单元素，用于收集用户输入的数据。这些元素都是HTML语言的一部分，是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结： 1. ...
本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio（单选按钮）操作 jQuery操作单选按钮（radio）主要涉及选取状态的读取与设置。例如，如果有一组同名的radio按钮...
在IT领域，特别是前端开发中，获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入，因此准确地读取它们的`text`（显示文本）和`value`（实际值）对于...
JavaScript中的`checkbox`和`radio`提供了丰富的用户交互，允许用户进行多选或单选操作。通过JavaScript，我们可以轻松地获取和改变它们的状态，添加事件监听器，以及进行表单验证。熟练掌握这些技巧，将有助于创建...
本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素，以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中，`<select>`元素用于创建下拉菜单。在jQuery中，我们可以方便地操作...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中，`<select>` 标签用于创建下拉列表，通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
Koo.js是一个专门针对这一需求设计的JavaScript插件，它提供了标签式的表单验证功能，并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...
"selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件，它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree（选择树控件）**： 选择树控件...
一款非常强大的表单美化插件，点击颜色替换相应的checkbox和radio样式 多个选项来自定义checkbox和radio 8个回调函数支持 6个方法来编程控制 效果详情可参考http://www.xwcms.net/js/bddm/19041.html
在众多表单元素中，select（下拉框）、checkbox（复选框）以及radio（单选按钮）是最常用的元素之一。jQuery作为一个功能强大的JavaScript库，其对这些表单元素的操作进行了极大的简化，提高了开发效率和用户体验。...
特别是对于表单元素如 `select`、`radio` 和 `checkbox` 的操作，更是频繁出现。下面我们将详细介绍如何使用 jQuery 来获取和设置这些元素的状态。 #### 一、获取和设置 `select` 元素的值 `<select>` 标签用于...