想radio选中后，想弹出提示。帮忙看下为何实现不了!

Steve_Samuelson 2012-09-27 02:23:43 


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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



<SCRIPT src="js/Calendar.js" type=text/javascript>



window.onload=function(){

	$('test').onclick=function(){

        var temp_test=$('test').value;

    	if(temp_test=="jq"){

			alert("你选择的是地球");

        }else if(temp_test=="hx"){

			alert("你选择的是火星");

        }

    }

}

</SCRIPT>



</head>



<body>

    <input type="radio" name="test" id="test" value="jq"/>地球   <input type="radio" name="test" id="test" value="hx"/>火星

</body>

</html>
...全文
441 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuyuqing1990 2012-11-09
  • 打赏
  • 举报
 回复
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>、 《在这儿导入jquery函数库***.js文件》 <title>无标题文档</title> <script type="text/javascript"> $(":radio[name='test']").focus(function(){ alert($("input[name='test']:checked").val()); }) </script> </head> <body> <form> <input type="radio" name="test" id="test" value="jq"/>地球 <input type="radio" name="test" id="test" value="hx"/>火星 </form> </body> </html>
oNoPainsNoGains1 2012-09-28
  • 打赏
  • 举报
 回复
菜鸟刚试做了一下：（大家多指教）谢谢！！
<script type="text/javascript">
function checkradio()
{
var getradio=document.getElementsByName("radioname");
for (var i=0;i<getradio.length;i++)
{
if(getradio[i].checked)
{
alert("我是地球");
break;
}else
{
alert("我是火星");
break;
}
}
}
</script>
</head>

<body>
<input type="radio" id="radio" name="radioname" onclick="checkradio()"/>地球
<input type="radio" id="radio" name="radioname" onclick="checkradio()"/>火星
</body>
</html>
jiange1310 2012-09-28
  • 打赏
  • 举报
 回复
$('test')取出来的不应该是<test>标签中的东西？你可以把两个radio都设成class=test 然后用$<".test">取值试试 不晓得行不行。。。。
凤楚离歌 2012-09-28
  • 打赏
  • 举报
 回复
是不是还有别的js框架导致js冲突了？
Kilin_Zhang 2012-09-28
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 的回复:]
使用楼上的代码怎么还是没有用哇！

JScript code


<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>无标题文档</title>
<script type="text/javascript">
$(":radio[name='test']").cl……
[/Quote]

这需要jQuery框架的支持。

而且用click事件做这个效果并不理想。如果我用焦点定位并选中radio，那么会出现什么效果呢？
scscms太阳光 2012-09-27
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 的回复:]
1、关于id楼上两位怎么说的相反的？
2、谁给个正确的代码示例？
[/Quote]你什么理解力？
1.ID不能重复出现
2.ID要唯一
这两个意思怎么会是相反？

以上这么多代码，你不会写难道还不会测试，是真是假还分辨不出？
泡泡鱼_ 2012-09-27
  • 打赏
  • 举报
 回复
。。。你想在DOM加载完成就生效，你应该
$(function(){

    $(":radio[name='test']").click(function(){

        if($(this).val()=="jq"){

            alert("你选择的是地球");

        }else if($(this).val()=="hx"){

            alert("你选择的是火星");

        }

    })

})
Steve_Samuelson 2012-09-27
  • 打赏
  • 举报
 回复
使用楼上的代码怎么还是没有用哇！


<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

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

<script type="text/javascript"> 

$(":radio[name='test']").click(function(){

    if($(this).val()=="jq"){

        alert("你选择的是地球");

    }else if($(this).val()=="hx"){

        alert("你选择的是火星");

    }

})

</script>









</head>



<body>

<form>

    <input type="radio" name="test" id="test" value="jq"/>地球

    <input type="radio" name="test" id="test" value="hx"/>火星

</form>

</body>

</html>
泡泡鱼_ 2012-09-27
  • 打赏
  • 举报
 回复 
$(":radio[name='test']").click(function(){

    if($(this).val()=="jq"){

        alert("你选择的是地球");

    }else if($(this).val()=="hx"){

        alert("你选择的是火星");

    }

})


Lz，你别把jQuery和原生的语法搞混掉呀
张运领 2012-09-27
  • 打赏
  • 举报
 回复 
window.onload=function(){

	document.onchange = function(){

		var post_input = document.getElementsByTagName('input');

		for(var i=0;i<post_input.length;i++){

			if(post_input[i].name == "test"){

				if(post_input[i].checked){

					if(post_input[i].value == "jq"){

						alert("地球");

					}else if(post_input[i].value == "hx"){

						alert("火星");

					}

				}

			}

		}

	}

}


...
易修& 2012-09-27
  • 打赏
  • 举报
 回复
window.onload=function(){
$("input[name='test']").click(function(){
var temp_test=$(this).val();
if(temp_test=="jq"){
alert("你选择的是地球");
}else if(temp_test=="hx"){
alert("你选择的是火星");
}
});
}
ro_nice 2012-09-27
  • 打赏
  • 举报
 回复
ID是唯一的 。。奇怪了。我的代码怎么没提交上去 ？
难道让我从新提交一次 ？ 不丢脸了。。跟3#一样
Steve_Samuelson 2012-09-27
  • 打赏
  • 举报
 回复
1、关于id楼上两位怎么说的相反的？
2、谁给个正确的代码示例？
猿敲月下码 2012-09-27
  • 打赏
  • 举报
 回复 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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



<SCRIPT src="js/Calendar.js" type="text/javascript"></SCRIPT>



<SCRIPT type="text/javascript">



window.onload=function(){	

	var tests = document.getElementsByName('test');

	for(var i=0,len=tests.length;i<len;i++){

		var test = tests[i];

		test.onclick = function(){

			

			var temp_test = this.value;

			if(temp_test=="jq"){

				alert("你选择的是地球");

			}else if(temp_test=="hx"){

				alert("你选择的是火星");

			}

		}

	}

}

</SCRIPT>

</head>



<body>

    <input type="radio" name="test" id="test1" value="jq"/>地球   <input type="radio" name="test" id="test2" value="hx"/>火星

</body>

</html>


1. <SCRIPT src="js/Calendar.js" type="text/javascript"></SCRIPT>
如果引用了js那么<SCRIPT>标签体内就不能在写JS了

2. <input type="radio" name="test" id="test1" value="jq"/>地球   <input type="radio" name="test" id="test2" value="hx"/>火星
ID要唯一,name可以一样

3. 如果要用jquery
$('input[name=test]').click(function(){
var temp_test = this.value;
if(temp_test=="jq"){
alert("你选择的是地球");
}else if(temp_test=="hx"){
alert("你选择的是火星");
}
});
scscms太阳光 2012-09-27
  • 打赏
  • 举报
 回复 
<input type="radio" name="test" value="jq"/>地球   <input type="radio" name="test" value="hx"/>火星 </body> </html>

//id 不能重复出现 jquery代码相当多错误

<script type="text/javascript">

    $(function () {

        $("input[name='test']").click(function(){

            var temp_test=$("input[name='test']:checked").val();

            if(temp_test=="jq"){

                alert("你选择的是地球");

            }else{

                alert("你选择的是火星");

            }

        });

    });

</script>
Steve_Samuelson 2012-09-27
  • 打赏
  • 举报
 回复
不对啊，米有解决啊！哪位高手帮忙看看！
易修& 2012-09-27
  • 打赏
  • 举报
 回复
var temp_test=$('test').val();
HTML、CSS知识点总结
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠
Java学习笔记（二十）CSS与HTML（转）
Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，
ASP日记 常用帮助
 ASP日记[html][标签]html 里有哪些常用的标签1. 11.html 里有哪些常用的标签？？？ 请那位大哥帮忙给总结一下随便整理几个，最好能加上中文的功能介绍 一个人10个，10个人就100个‘ 找本html的书看看会系统一点 你这样左拼右拼的, 对自己没好处 或者上网找html 手册 应该基本都列出来了 表单 表单内容 表 超级链接 图片 块级容器 行级容器
Selenium-IDE，在网页上模拟人的操作
想偷懒，不想做很机械重复的网页操作，就百度了一下看看有什么方法，能把自己从重复性的网页操作中解放出来，于是，百度到了selenium ide，折腾许久，用最新版火狐添加了自带selenium ide组件，初步实现了解放双手。顺便参考了网上好的相关文章，整理如下： 上网查了一些介绍，发现一些教程基本都是比较老版本的了，使用起来略有不便，所以今天试着写一些最新版本的。请参考Selen...
前端UI界面自动化测试-selenium-IDE
昨天突然想学学 Selenium，就上网查了一些介绍，发现一些教程基本都是比较老版本的了，使用起来略有不便，所以今天试着写一些最新版本的。请参考Selenium官网。文章以下内容都是在 Mac 机器上按照Selenium-IDE官方文档编写，适用于当前最新版本。其实官方文档写的很好，图文并茂，可以试着研读官方的。 这篇文章讲的是 Selenium-IDE，不是 Selenium。 为什么这么说？请看下图。 Selenium Selenium-IDE 只是一个录制脚本的工具。仅仅作为入...
JavaScript

87,991

社区成员

224,684

社区内容

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

加载中

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

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

+ 用AI写文章