求教一个比较简单的单选按钮的问题，今天为了这个问题居然来加班，唉！希望高手帮帮忙！

BlueSuperMan 2003-09-07 03:11:58
//以下是原码有两个函数，这两个函数该怎么写，小弟愚笨，希望大虾们赐教！！
<HTML><HEAD>
<BODY>
<script language='javascript'>
function checkRadio(strvalue)//参数可代可不代
{
1.//如果一个组的按钮被点击若针对这个按钮在点击一次则无效，
//点击其他按钮后在点击这个按钮就有效，
//也就是一个单选按钮不能够连续 的点击
}
function save()
{
2.//点击保存之后求出两个组的被选中的单选按钮的值
alert('R1组的值：'+r1.value+'R2组的值：'+r2.value)
}
</script>
<P>
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0)'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1)'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2)'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0)'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1)'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2)'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
</BODY></HTML>
...全文
97 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
BlueSuperMan 2003-09-09
  • 打赏
  • 举报
 回复
更正：
to manyou(他山之石)：
我的这个单选按钮组不是规定的数量，你那样作就是将单选的按钮就规定为只有两组了，是不是用数组做可以呢。如果可以请你指点，谢了
BlueSuperMan 2003-09-09
  • 打赏
  • 举报
 回复
to JavaBoyCaoJi(老曹):
你的方法如果在一个单选按钮上点击一次他没有触发一个事件，可是连续点击还是会产生事件的。
to manyou(他山之石)：
我的这个单选按钮不是规定的数量，你那样作就是将单选的按钮就规定为只有两个了，是不是用数组做可以呢。
to descreekert() ( )：
你这种效果不错，可是不是我想要的
不管怎么说先谢谢各位了！
形印声传 2003-09-08
  • 打赏
  • 举报
 回复
问题解决的差不多了~~
JavaBoyCaoJi 2003-09-07
  • 打赏
  • 举报
 回复
<HTML><HEAD>
<BODY>
<script language='javascript'>
old_obj = "";
function checkRadio(strvalue, obj)//参数可代可不代
{
if (obj != old_obj) {
old_obj = obj;
} else {
if (obj.checked == true) {
obj.checked = true;
} else {
obj.checked = false;
}
old_obj = "";
}
1.//如果一个组的按钮被点击若针对这个按钮再点击一次则无效，
//点击其他按钮后在点击这个按钮就有效，
//也就是一个单选按钮不能够连续 的点击
}
function save()
{
r1_count = document.all.r1.length;
r2_count = document.all.r2.length;
for (var i=0; i<r1_count; i++) {
if (document.all("r1")[i].checked == true) {
alert("组1被选中的值为" + document.all("r1")[i].value);
}
}
for (var i=0; i<r2_count; i++) {
if (document.all("r2")[i].checked == true) {
alert("组2被选中的值为" + document.all("r2")[i].value);
}
}
2.//点击保存之后求出两个组的被选中的单选按钮的值
}
</script>
<P>
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0,"r1")'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1,"r1")'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2,"r1")'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0,"r2")'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1,"r1")'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2,"r1")'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
</BODY></HTML>
descreekert 2003-09-07
  • 打赏
  • 举报
 回复
我想你要的是这个效果吧
<HTML><HEAD>
<BODY>
<script language='javascript'>
var gt
function checkRadior1(strvalue)//参数可代可不代
{
r1.value=strvalue;
for(i=0;i<3;i++) {r1[i].disabled=1;r2[i].disabled=0;}
}
function checkRadior2(strvalue)//参数可代可不代
{
r2.value=strvalue;
for(i=0;i<3;i++) {r2[i].disabled=1;r1[i].disabled=0;}
}
function save()
{

alert('R1组的值：'+r1.value+" "+'R2组的值：'+r2.value)
}
</script>
<P >
<INPUT type=radio name=r1 value=0 onclick='checkRadior1(0)'>
<INPUT type=radio name=r1 value=1 onclick='checkRadior1(1)'>
<INPUT type=radio name=r1 value=2 onclick='checkRadior1(2)'>

</P>
<P>
<INPUT type=radio name=r2 value=0 onclick='checkRadior2(0)'>
<INPUT type=radio name=r2 value=1 onclick='checkRadior2(1)'>
<INPUT type=radio name=r2 value=2 onclick='checkRadior2(2)'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
</BODY></HTML>
全息宇宙 2003-09-07
  • 打赏
  • 举报
 回复
完整的：
<script language='javascript'>
function save()
{
r1_count = document.all.r1.length;
r2_count = document.all.r2.length;
for (var i=0; i<r1_count; i++) {
if (document.all("r1")[i].checked == true) {
alert("组1被选中的值为" + document.all("r1")[i].value);
}
}
for (var i=0; i<r2_count; i++) {
if (document.all("r2")[i].checked == true) {
alert("组2被选中的值为" + document.all("r2")[i].value);
}
}
2.//点击保存之后求出两个组的被选中的单选按钮的值
}


old_obj = "";
function checkRadio(strvalue, obj)//参数可代可不代
{
if (obj == old_obj) { //如果上一次点击的就是这个按钮，那么直接返回
alert("上一次点击的就是这个按钮")
return;
} else {
old_obj = obj;
alert("第一次点击这个按钮")
//以下执行你的代码
}
}

</script>
<P>
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0,this)'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1,this)'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2,this)'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0,this)'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1,this)'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2,this)'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
i三千 2003-09-07
  • 打赏
  • 举报
 回复
<HTML><HEAD>
<BODY>
<script language='javascript'>
function checkRadio(i)//参数可代可不代
{

}
}
function save()
{
var r1,r2;
if (document.form1.r1[0].checked){
r1=0
}
if (document.form1.r1[1].checked){
r1=1
}
if (document.form1.r1[2].checked){
r1=2
}
if (document.form1.r2[0].checked){
r2=0
}
if (document.form1.r2[1].checked){
r2=1
}
if (document.form1.r2[2].checked){
r2=2
}
alert('R1组的值：'+r1+'\n'+'R2组的值：'+r2);
}
</script>
<P><form name="form1" >
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0)'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1)'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2)'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0)'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1)'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2)'>
</P>
<P><INPUT type=button value=保存 onclick='save()'>
</form>
</P>
</BODY></HTML>
全息宇宙 2003-09-07
  • 打赏
  • 举报
 回复
sorry:

<P>
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0,this)'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1,this)'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2,this)'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0,this)'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1,this)'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2,this)'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
</BODY></HTML>
全息宇宙 2003-09-07
  • 打赏
  • 举报
 回复
改：
old_obj = ""; //标志上一次点击的单选框
function checkRadio(strvalue, obj)//参数可代可不代
{
if (obj == old_obj) { //如果上一次点击的就是这个按钮，那么直接返回
return;
} else {
old_obj = obj;
//以下执行你的代码
}
}
全息宇宙 2003-09-07
  • 打赏
  • 举报
 回复
<HTML><HEAD>
<BODY>
<script language='javascript'>
old_obj = "";
function checkRadio(strvalue, obj)//参数可代可不代
{
if (obj != old_obj) {
old_obj = obj;
} else {
if (obj.checked == true) {
obj.checked = true;
} else {
obj.checked = false;
}
old_obj = "";
}
1.//如果一个组的按钮被点击若针对这个按钮再点击一次则无效，
//点击其他按钮后在点击这个按钮就有效，
//也就是一个单选按钮不能够连续 的点击
}
function save()
{
r1_count = document.all.r1.length;
r2_count = document.all.r2.length;
for (var i=0; i<r1_count; i++) {
if (document.all("r1")[i].checked == true) {
alert("组1被选中的值为" + document.all("r1")[i].value);
}
}
for (var i=0; i<r2_count; i++) {
if (document.all("r2")[i].checked == true) {
alert("组2被选中的值为" + document.all("r2")[i].value);
}
}
2.//点击保存之后求出两个组的被选中的单选按钮的值
}
</script>
<P>
<INPUT type=radio name=r1 value=0 checked onclick='checkRadio(0,"r1")'>
<INPUT type=radio name=r1 value=1 onclick='checkRadio(1,"r1")'>
<INPUT type=radio name=r1 value=2 onclick='checkRadio(2,"r1")'>
</P>
<P>
<INPUT type=radio name=r2 value=0 checked onclick='checkRadio(0,"r2")'>
<INPUT type=radio name=r2 value=1 onclick='checkRadio(1,"r1")'>
<INPUT type=radio name=r2 value=2 onclick='checkRadio(2,"r1")'>
</P>
<P><INPUT type=button value=保存 onclick='save()'></P>
</BODY></HTML>
BlueSuperMan 2003-09-07
  • 打赏
  • 举报
 回复
to windancer(风精灵)
我在每一次的点击都会触发一个事件，如果对同一个按钮点击则在重新的触发这个事件不就是触发两次了吗？
windancer 2003-09-07
  • 打赏
  • 举报
 回复
//如果一个组的按钮被点击若针对这个按钮在点击一次则无效，
//点击其他按钮后在点击这个按钮就有效，
//也就是一个单选按钮不能够连续 的点击
=================================================
radio选择框本来就只能点一次,难道连续点击会有特殊功能?
BlueSuperMan 2003-09-07
  • 打赏
  • 举报
 回复
高手在哪啊！
BlueSuperMan 2003-09-07
  • 打赏
  • 举报
 回复
都快疯了没有人回答我啊。看来是下不了班了。
判断一组多选框至少有一个被选中_今天在web单选按钮上遇到的一个坑，不知道还有人遇到过没...
在项目中不好给大家介绍，于是我写了一个简单的页面来给大家讲解。大致功能就是我点启用或者禁用按钮时，它们上方对用的点选按钮就会被选中。用如下代码实现(网上搜的方法，还有几个效果都一样)这个 radio()方法是为了让某个单选按钮自动被选中。然后在浏览器上面点击启用按钮，上方的单选框就被选中了，在点击禁用按钮，对应的单选框也被选中了。但是当我再次点击启用按钮时，居然没效果了(也就是说重复2次就不管用了...
大家好！，今天介绍一个简单实现全选全不选的方法，希望能对你有帮助！之前的代码有点小问题，今天才发现，已改正。...
2019-08-17 要求：1.点击全选按钮时，所有的单击按钮全部被选中；取消时，单击按钮全部被取消。2.全选按钮选中时，取消任何一个单击选项按钮时，全选按钮取消选中。3.所有的单击按钮都选中时，全选按钮自动选中。 <!DOCTYPE html> <html> <head> <meta charset="...
单选按钮带文字_再也不要和产品经理吵架了Android自定义控件之单选按钮
秦子帅明确目标，每天进步一点点.....作者| 唐子玄地址|juejin.im/post/5c6a31425188256283254aa0业务场景兴高采烈地前去一周一次的需求大会。为了更加精准的推送，需要采集用户信息，于是乎产品设计了如下界面：没想到，在发版本的前一天，突然觉得采集粒度不够细，希望将4个选项增加为6个。面对这突如其来，猝不及防的需求变化，设计和研发组都极力反对。...
如何在JavaScript中获取单选按钮组的值？
在实际业务开发中，我们常常需要获取用户选择的单选按钮的值，比如用户在注册时选择性别、问卷调查时选择答案等。今天，我们就来聊聊如何在JavaScript中获取单选按钮组的值。实际业务场景假设我们正在开发一个用户注册页面，用户需要选择他们的性别。我们使用了一组单选按钮来表示性别选项。HTML代码如下：<div> <inputtype="radio"id="genderm"n...
JavaScript

87,987

社区成员

224,683

社区内容

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

加载中

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

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

+ 用AI写文章