jquery radio问题

jack_liu4Ye 2011-08-11 10:23:29
一组radio ，首先给一个radio设checked=true之后，

当在选择其他的radio，会出现两个checked=true的情况，

这样改怎么解决呢？？
...全文
110 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
我去的，我弄明白了，不是jquery问题，是我的代码的问题，

真是要谢谢大家。。
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
我的意思是再设置某一个radio的checked为true后，

再选其他的radio，会发生多个checked为true，

我只希望得到最后选中的radio的值，

但是按照我上面的写法，还是会得到之前选中的radio值。
乌镇程序员 2011-08-11
  • 打赏
  • 举报
 回复
什么意思呢？实现多选？
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
版主大哥在吗？
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
我的意思是再设置某一个radio的checked为true后，

再选其他的radio，会发生多个checked为true。
了無痕 2011-08-11
  • 打赏
  • 举报
 回复 


<!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=gb2312" />

<title>无标题文档</title>

<script language="javascript1.5" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script language="javascript1.5" type="text/javascript">

$().ready(function(){

	var data=0;

	if(data!=-1){

            $(":radio").eq(data).attr("checked",true);

        }

        else{

            $(":radio").attr("checked",false);

        }

});

</script>

</head>



<body>

<div id="lightBox_content" style="display:">

    <div id="operChd" style="text-align:left;padding: 0 0 0 30px;">

        <input type="radio" name="chdType" value="asd" >

            <span style='width:110;display:inline-block;text-align:left;'>房间隔缺损介入封堵治疗手术</span><br>

        <input type="radio" name="chdType" value="ps">

            <span style='width:110;display:inline-block;text-align:left;'>肺动脉瓣狭窄球囊成形术手术</span><br>

        <input type="radio" name="chdType" value="pda">

            <span style='width:110;display:inline-block;text-align:left;'>动脉导管未闭介入封堵治疗手术</span><br>

        <input type="radio" name="chdType" value="vsd">

            <span style='width:110;display:inline-block;text-align:left;'>室间隔缺损介入封堵治疗手术</span><br>

        <input type="radio" name="chdType" value="rasa">

            <span style='width:110;display:inline-block;text-align:left;'>主动脉瘤破裂介入封堵治疗手术</span><br>

        <input type="radio" name="chdType" value="cafc">

            <span style='width:110;display:inline-block;text-align:left;'>冠状动脉瘘介入封堵治疗手术</span><br>

        <input type="radio" name="chdType" value="ms">

            <span style='width:110;display:inline-block;text-align:left;'>二尖瓣狭窄球囊成形术手术</span><br>

        <br>

    </div>

</div>

</body>

</html>


用火狐和IE测试了一下，没有你所说的问题发生
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
调用coverDiv后显示的radio，同时默认设置一个radio的checked为true。。
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 t5500 的回复:]

单项选择控件是按name属性值分组的，很显然，你的几个单选控件的name属性值不同。
[/Quote]

radio的name相同。。
jack_liu4Ye 2011-08-11
  • 打赏
  • 举报
 回复 


<div id="lightBox_content" style="display:none;">

	<div id="operChd" style="text-align:left;padding: 0 0 0 30px;">

		<input type="radio" name="chdType" value="asd" >

			<span style='width:110;display:inline-block;text-align:left;'>房间隔缺损介入封堵治疗手术</span><br>

		<input type="radio" name="chdType" value="ps">

			<span style='width:110;display:inline-block;text-align:left;'>肺动脉瓣狭窄球囊成形术手术</span><br>

		<input type="radio" name="chdType" value="pda">

			<span style='width:110;display:inline-block;text-align:left;'>动脉导管未闭介入封堵治疗手术</span><br>

		<input type="radio" name="chdType" value="vsd">

			<span style='width:110;display:inline-block;text-align:left;'>室间隔缺损介入封堵治疗手术</span><br>

		<input type="radio" name="chdType" value="rasa">

			<span style='width:110;display:inline-block;text-align:left;'>主动脉瘤破裂介入封堵治疗手术</span><br>

		<input type="radio" name="chdType" value="cafc">

			<span style='width:110;display:inline-block;text-align:left;'>冠状动脉瘘介入封堵治疗手术</span><br>

		<input type="radio" name="chdType" value="ms">

			<span style='width:110;display:inline-block;text-align:left;'>二尖瓣狭窄球囊成形术手术</span><br>

		<br>

	</div>

	<a href="javascript:sendResult()"><img src="<%=request.getContextPath()%>/images/button/b_confirm_3.gif" style="cursor:hand;"/></a> 

</div>

<script>

function coverDiv(uuidRecord,dateRecord){

	

	$.post(cp+"/ajaxs/operation/record/query_chd_oper_name.html",{uuid:uuidRecord},function(data){

		if(data!=-1){

			$(":radio").eq(data).attr("checked",true);

		}

		else{

			$(":radio").attr("checked",false);

		}

		var lightBox_content_innerHTML = $("#lightBox_content").html();

		addCover(lightBox_content_innerHTML, null, null, null, '300');

		uuid = uuidRecord;

		date = dateRecord;

	})

}

function sendResult(){

	var selectRadio = $("input[type='radio']:checked");

	alert(selectRadio.length)

	var selectRadioVal = selectRadio.val();

	alert(selectRadioVal)

	if(selectRadioVal==undefined){

		alert("请选择先心病手术分类");

	}

	else{

		editInstance(uuid,"/https/operation/record/get_operation_record_create_chd_"+selectRadioVal+"_"+date+".html");

		discover();

	}

}



</script>
乌镇程序员 2011-08-11
  • 打赏
  • 举报
 回复
单项选择控件是按name属性值分组的，很显然，你的几个单选控件的name属性值不同。
了無痕 2011-08-11
  • 打赏
  • 举报
 回复
贴代码
关于jQuery radio 选中失效的问题
本文探讨了在jQuery 1.9及以上版本中使用attr('checked', true)设置radio按钮选中状态时出现的失效问题，并提供了三种解决方案：1. 使用1.9及以下版本的jQuery；2. 引入并使用jquery-migrate.js进行兼容；3. 替换为prop('checked', true)。
jquery radio/checkbox change事件不能触发的问题
本文探讨了在使用jQuery时遇到的radio和checkbox change事件无法正常触发的问题，原因是由于ID重复导致只能选中第一个。通过给每个radio添加独立的div，并优化点击事件，实现了无论点击radio本身还是其后的文字都能选中并触发change事件。
jquery radio/checkbox change 事件不能触发的问题
本文探讨了在jQuery中使用Radio按钮时遇到的change事件无法正常触发的问题，详细分析了原因并提供了解决方案。
jquery获取选中的radio值问题：
本文记录了解决使用jQuery获取选中radio在不同IE版本中表现差异的问题，提出使用改进的代码片段来确保在各版本浏览器中都能正确获取选中状态。
JavaScript

87,989

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章