问题描述
我在form标签里设置了几个单选按钮组，我想当鼠标点击其中一个时，那个按钮背景色就变成绿色，要怎么实现哦？用css可以做到么？ <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" >---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" > 希望各位帮忙解决，非常感谢！ 问题补充：谢谢你的回答，但是我用IE8测试了还是不行哦，说是缺少对象，我对jquery还不是太了解，还有没有其他的方法呀<br /><pre name="code" class="html"><html> <head> <title>测试checkbox</title> //这句引用jquery的可以不要了吧 <script type="text/javascript" src="jquery.js"></script> </head> <body> <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" >---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" ></body> <script> $("input[name='radio2']").click(function(){ $("input[name='radio2']").each(function(){ $(this).attr("style",""); }); $(this).attr("style","background-color:green");}); </script> </html> </pre><br /><br />
解决方案
用jquery吧 $("input[name='radio2']").click(function(){ $(this).css("style","background:green");});
解决方案二：
我觉得你想要的应该是这种效果吧<script> $("input[type='radio']").click(function(){$("input[type='radio']").css('background-color','');$(this).css('background-color','green'); }); </script>
解决方案三：
引用<!--这句引用jquery的可以不要了吧--> 要引用jquery的js才能这样做啊。
解决方案四：
我用的就是IE8 是好的。你肯定jquery的js没有导入吧。<script type="text/javascript" src="jquery.js"></script>你同目录下有这个jquery.js吗？
解决方案五：
以上仍然对火狐不成功。
解决方案六：
谢ls提点 已经改过来了代码如下<html> <head> <title>测试checkbox</title> <script type="text/javascript" src="jquery.js"></script> </head> <body> <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" >---- <input name="radio2" type="radio" />---- <input name="radio2" type="radio" ></body> <script> $("input[name='radio2']").click(function(){ $("input[name='radio2']").each(function(){ $(this).attr("style",""); }); $(this).attr("style","background-color:green");}); </script> </html>
解决方案七：
这个在ff和chrome中都没有效果
解决方案八：
这个好像不行