关于jquery 获取radio属性值的问题?

问题描述

大家帮忙看下下面代码,为什么我不能正确获取radio的属性值,每次都是1代码如下:<!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=GBK" /><script language="javascript" src="jquery-1.4.2.js"></script><style>.child{display:none;}input{width:20px;}</style><script language="javascript">$(function(){var checked = false;$('div label.parent').toggle(function(){$('div',$(this).parents('div')).css('display','block');$('input',$(this).parents('div')).val('1');$('span',$(this).parents('div')).html($('div.child input[type=radio]:checked',$(this).parents('div')).val());checked=true;},function(){$('div',$(this).parents('div')).hide();$('input',$(this).parents('div')).val('0');$('span',$(this).parents('div')).html('0元');checked=false;});})</script><title>成都小吃</title></head><body><center><h1>成都小吃</h1></center><br/><br/><form name="menu" method="post"><div><label class="parent">面类</label><input type="text" name="num" value="0"/><span>0元</span><div class="child"><label><input type="radio" name="nudel" id="nudel" value="6" checked="checked" />炸酱面</label><label><input type="radio" name="nudel" id="nudel" value="7" />炒面</label><label><input type="radio" name="nudel" id="nudel" value="5" />牛肉面</label></div></div><div><label class="parent">盖饭类</label><input type="text" name="num" value="0"/><span>0元</span><div class="child"><label><input type="radio" name="rice" value="9" checked="checked"/>宫保鸡丁</label><label><input type="radio" name="rice" value="9"/>鱼香肉丝</label><label><input type="radio" name="rice" value="8"/>尖椒土豆丝</label></div></div></form></body></html> 问题补充:蔡华江 写道

解决方案

$("div.child").closest("div")如果你无法判断怎么选择的话,加个id就行了,你应该知道就是优先的方式,因为id是查询最快的方式,而通过.class选择是最慢的方式
解决方案二:
$("div.child").closest("div")如果你无法判断怎么选择的话,加个id就行了,你应该知道就是优先的方式,因为id是查询最快的方式,而通过.class选择是最慢的方式
解决方案三:
这个,我不知道你的需求。教你一个好办法,每当你使用jquery选择器选择中一个目标时。使用firebug查看是否选中,选中的是否正确。
解决方案四:
这个你看下API就知道了。有专门的选择器:first可以选中第一个,也可以通过$().eq(1)选中第一个。jquery功能强大,而且选择同一元素可以使用若干种选择方式。。对于radio的选中,虽然不直接支持,但是也有两个方式。$(radio).attr("selected",true);或$(radio).click(function(){});两个原理不同,上面是直接选中,下面是通过触发点击事件选中。。
解决方案五:
$('div.child :radio:checked',$(this).parents('div')).val()jquery你也用的太乱了吧。。。。http://www.jb51.net/article/22097.htm建议你看看,与问题无关

时间: 2024-10-25 14:32:07

关于jquery 获取radio属性值的问题?的相关文章

jquery 获取radio属性值方法

核心代码 $('div.child :radio:checked',$(this).parents('div')).val() 有专门的选择器:first可以选中第一个,也可以通过$().eq(1)选中第一个. jquery功能强大,而且选择同一元素可以使用若干种选择方式.. 对于radio的选中,虽然不直接支持,但是也有两个方式. $(radio).attr("selected",true); 或$(radio).click(function(){}); 下面看实例 <div&

javascript-关于jquery 获取data属性值的问题

问题描述 关于jquery 获取data属性值的问题 <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> function choose(index){

使用jquery获取radio的值

 使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值 2.<input type="radio" na

jQuery获取Radio,CheckBox选择的Value值

 这篇文章主要是对jQuery获取Radio,CheckBox选择的Value值进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(f

jquery获取radio值实例_jquery

本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考.具体如下: 单选组radio: 复制代码 代码如下: $("input[@type=radio][@checked]").val(); 单选组 radio: 复制代码 代码如下: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 复制代码 代码如下: var ite

jQuery 获取select选中值及清除选中状态_jquery

不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时. 这里先记一下省的以后会忘了. 获取jQuery中select下拉列表中的lang属性值: <span style="font-size:14px;"> var provinceSearch = $("#loc_province_search").find("option:selected").attr(

jquery获取元素索引值index()方法

 这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下 jquery获取元素索引值index()方法:   jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数.    如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.  如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.  如果参数是一个选择器,那么返回值就是原先元素相对

easyUI treegrid 加了一列radio button 怎么获取radio的值?

问题描述 easyUI treegrid 加了一列radio button 怎么获取radio的值? 获取到的orgtype是undefined 代码如下: <th data-options="field:'orgtype',width:80,formatter:formatP">类型</th> function formatP(value){ var s = '<input type="radio" value="1&quo

JS使用getComputedStyle()方法获取CSS属性值_javascript技巧

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style="-"),而无法获取定义在<style type="text/css">里面的属性. 复制代码 代码如下: <span style="font-family:Arial;font-size:14px;">