文档章节

Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

百世经纶一页书梵天
 百世经纶一页书梵天
发布于 2016/12/01 20:38
字数 697
阅读 4
收藏 0
点赞 0
评论 0
jquery取radio单选按钮的值  
 
$("input[name='items']:checked").val();  
另:判断radio是否选中并取得选中的值 
 
如下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 
 
 
 
 
 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关   
 
 获取一组radio被选中项的值   
 
 var item = $('input[name=items][checked]').val();   
 
 获取select被选中项的文本   
 
 var item = $("select[name=items] option[selected]").text();   
 
 select下拉框的第二个元素为当前选中值   
 
 $('#select_id')[0].selectedIndex = 1;   
 
 radio单选组的第二个元素为当前选中值   
 
 $('input[name=items]').get(1).checked = true;  
 
     
 获取值:  
 
   
 
 文本框,文本区域:$("#txt").attr("value");   
 
 多选框checkbox:$("#checkbox_id").attr("value");   
 
 单选组radio: $("input[type=radio][checked]").val();   
 
 下拉框select: $('#sel').val();  
 
     
 
 控制表单元素:   
 
 文本框,文本区域:$("#txt").attr("value",'');//清空内容   
 
$("#txt").attr("value",'11');//填充内容  
 
    
 多选框checkbox: $("#chk1").attr("checked",'');//不打勾   
 
 $("#chk2").attr("checked",true);//打勾   
 
 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  
 
     
 
 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项   
 
 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项   
 
 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   
 
$("#sel").empty();//清空下拉框  
 
     
 
 刚开始接触jquery,很多东西不熟悉   
 
 在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值  
 
    
 
 后来终于在伟大的百度帮助下,找到了问题的原因:   
 
 $("")是一个jquery对象,而不是一个dom element  
 
     
 
 value是dom element的属性  
 
   
 
 jquery与之对应的是val  
 
    
 val() :获得第一个匹配元素的当前值。  
 
   
 
 val(val):设置每一个匹配元素的值。  
 
    
 
 所以,代码应该这样写:  
 
    
 取值:val = $("#id")[0].value;   
 赋值:  $("#id")[0].value = "new value";   
 
 或者$("#id").val("new value");  
 
    
 
 或者这样也可以:val = $("#id").attr("value"); 
 
 
 
jQuery中each非常好用,常用它取代javascript的for循环 
 
例如在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false
 
function methodone(){ 
.... 
$.each(array,function(){ 
if(条件成立){ 
return true; 
} 
}); 
.... 
} 
 
结果发现老是不对。 
 
后来查找资料才发现,在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式 
break----用return false; 
continue --用return ture; 
 
所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以 
连each都没有中断,所以function也就不能return了  
 
另:判断radio是否选中并取得选中的值 
 
如下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 

 

© 著作权归作者所有

共有 人打赏支持
百世经纶一页书梵天
粉丝 3
博文 65
码字总数 46355
作品 0
海口
程序员
jQuery操作radio,checkbox,select

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框......

wbf961127 ⋅ 2017/11/13 ⋅ 0

JQuery ,select radio 选择值

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框......

zsj2018 ⋅ 2009/06/15 ⋅ 0

批量检查单选和多选按钮是否选中

var radio = document.getElementsByName("question"); for (i=0; i 单选问题1:

七彩极 ⋅ 05/11 ⋅ 0

jQuery实现多个CheckBox只选中一个

多个CheckBox在表格同一框中,实现只能选中一个框,当选择其他框的时候,原来选中的框自动取消。 //监听原材料更改check框的click事件jQuery("#field13848").click(function(){   }); jQue...

fjj15732621696 ⋅ 04/21 ⋅ 0

jQuery函数attr()和prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。 但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别...

Apirl ⋅ 05/16 ⋅ 0

js (jQuery) 之 取值

都是一些老生常谈,没什么新东西,算是开发过程中不知道怎么写去百度的一些东西 。都说程序员写博客是一个好习惯,算是一份保存笔记,以后不用到处百度然后出来的一些答非所问的答案 。 1: ...

architect刘源源 ⋅ 05/07 ⋅ 0

jquery easyui tree控件复选框选择处理

------上级状态改变(勾选或取消勾选),所有下级状态跟着改变 ,在tree控件的onCheck事件中实现--------- cascadeCheck: false,//默认为true表示上下级勾选联动,false表示取消联动 onCheck: f...

AIU_GS ⋅ 05/22 ⋅ 0

JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒 ⋅ 05/10 ⋅ 0

jquery常见的条件判断类型

1,判断显示与隐藏; 2,判断透明度; 3,判断是否含有某个样式 4,判断窗口大小 5,判断距离顶部的位置 6,判断页面是否加载完毕 7,获取select的值 8,判断input是否选中 9,获取一组radio...

柴高八斗之父 ⋅ 2017/06/12 ⋅ 0

JavaScript 参考手册

JavaScript 参考手册 http://www.w3school.com.cn/jsref/index.asp 本部分提供完整的 JavaScript 参考手册: JavaScript 本地对象和内置对象 Browser 对象(BOM) HTML DOM 对象 JavaScript...

chenhao_asd ⋅ 05/25 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JAVA RMI

什么是JAVA RMI Java RMI (Remote Method Invocation) 远程方法调用,能够让客户端像使用本地调用一样调用服务端 Java 虚拟机中的对象方法。RMI 是面向对象语言领域对 RPC (Remote Proced...

saulc ⋅ 30分钟前 ⋅ 0

Linux系统工程狮养成记

如今的社会,随着时代的发展,出现了很多职业,像电子类,计算机类的专业,出现了各种各样的工程师,有算法工程师,java工程师,前端工程师,后台工程师,Linux工程师,运维工程师等等,不同...

linux-tao ⋅ 41分钟前 ⋅ 0

进入编辑模式 vim命令模式 vim实践

1.

oschina130111 ⋅ 41分钟前 ⋅ 0

mysql用户管理、常用sql语句、mysql数据库备份恢复

1. mysql用户管理 mysql默认有一个root超级管理员账户,实际工作环境中不可能每个人都用此root权限,防止误操作、误删除,可以给单独的用户进行授权。 Mysql创建用户以及授权: grant all on...

laoba ⋅ 41分钟前 ⋅ 0

类型后面三个点(String...)和数组(String[])的区别

类型后面三个点(String…),是从Java 5开始,Java语言对方法参数支持一种新写法,叫可变长度参数列表,其语法就是类型后跟…,表示此处接受的参数为0到多个Object类型的对象,或者是一个Obj...

流氓兔- ⋅ 47分钟前 ⋅ 0

JEPLUS表格组件之表格合并——JEPLUS软件快速开发平台

JEPLUS表格组件之表格合并 我们在列表配置时会遇见这样的一种情况,需要对个人的数据进行统一化,对一些数据进行归类,这样展示出来美观又直观,在这篇笔记中我来给大家介绍下如何配置出来专...

JEPLUS ⋅ 48分钟前 ⋅ 0

golang 并发中全局唯一操作

package main// go 携程共享 数据// 加锁解锁操作// 同步锁import ("sync""fmt")// 创建Once结构var once = sync.Once{}func computed(data *int, lock *sync.Mut...

304158 ⋅ 49分钟前 ⋅ 0

Mobx入门之二:asynchronous actions

这一节主要看mobx怎么实现asynchronous actions 1 要实现的demo功能 输入地名,查询天气,利用openweathermap api 2 思想 observable观察数据:location地点、temperature温度 observer响应式...

pengqinmm ⋅ 51分钟前 ⋅ 0

【2018.0620学习笔记】【linux高级知识 13.4-13.6】

13.4 mysql用户管理 创建用户并授权: grant all on *.* to '用户名'@'ip' identified by '密码' //all是操作权限,*.*是库.表,指定格式是'用户名'@'localhost'才能用socket登录本地 gra...

lgsxp ⋅ 今天 ⋅ 0

Java强弱引用示例

package jdk;import java.lang.ref.PhantomReference;import java.lang.ref.ReferenceQueue;import java.lang.ref.SoftReference;import java.lang.ref.WeakReference;public ......

月下狼 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部