radio样式脚本有关问题
radio样式脚本问题。

实现这样的一个效果,鼠标移动上去,边框变色,选中radio出现下面的勾。
那个勾直接做到一招图片了。
自己写了样式了。
正常的判断是radio.check="checked" 出现勾的,现在我就想点击一下,换个背景,都载了。radio的选中的时候,其他不会去掉。也在头痛中。
各位大大们~~help··
------解决方案--------------------
if(j == i){
document.getElementById("money_l_" + j).style.backgroundImage ='url(../images/images_pay/money_onback.jpg)';
}
else{
document.getElementById("money_l_" + j).style.backgroundImage = "";
}
------解决方案--------------------
不懂你具体的需求,如果是鼠标移上去,可以用样式控制那个对号,js控制选中。点击换背景,js控制就行了
------解决方案--------------------
你为什么不给radio加name呢?
------解决方案--------------------
对,要给radio加相同的name才行!这是radio的基本规则!
实现这样的一个效果,鼠标移动上去,边框变色,选中radio出现下面的勾。
那个勾直接做到一招图片了。
自己写了样式了。
ul{ width:400px; height:90px; margin:10px 0 0 0px;}
ul li{ display:block; float:left;width:176px; height:40px; border: solid #d5d5d5; border-width:1px; margin:1px 0 0 1px;}
ul li h4{ display:block; float:left; margin:8px 0 0 5px;}
.coler_1{ color:#ff8400;}
<script language="javascript">
<!--
function changeItem(i)
{
var k = 4;
for(var j = 1;j <= k;j++){
if(j == i){
document.all["money_l_" + j].style.background ='url(../images/images_pay/money_onback.jpg)';
}
else{
document.all["money_l_" + j].style.background = "#FFF";
}
}
}
-->
</script>
<ul>
<li id="money_l_1" onmouseover="this.style.border='solid #ff8400 1px'" onmouseout="this.style.border='solid #d5d5d5 1px'" >
<input id="money_r_1" type="radio" onclick="return changeItem(1);"/>
<h4>100万币<font class="coler_1">(120元)</font></h4>
</li>
<li id="money_l_2" onmouseover="this.style.border='solid #ff8400 1px'" onmouseout="this.style.border='solid #d5d5d5 1px'">
<input id="money_r_2" type="radio" onclick="return changeItem(2);" />
<h4>500万币<font class="coler_1">(600元)</font></h4>
</li>
<li id="money_l_3" onmouseover="this.style.border='solid #ff8400 1px'" onmouseout="this.style.border='solid #d5d5d5 1px'" >
<input id="money_r_3" type="radio" onclick="return changeItem(3);" />
<h4>1000万币<font class="coler_1">(1150元)</font></h4>
</li>
<li id="money_l_4" onmouseover="this.style.border='solid #ff8400 1px'" onmouseout="this.style.border='solid #d5d5d5 1px'" >
<input id="money_r_4" type="radio" onclick="return changeItem(4);" />
<h4>5000万币<font class="coler_1">(5500元)</font></h4>
</li>
</ul>
正常的判断是radio.check="checked" 出现勾的,现在我就想点击一下,换个背景,都载了。radio的选中的时候,其他不会去掉。也在头痛中。
各位大大们~~help··
------解决方案--------------------
if(j == i){
document.getElementById("money_l_" + j).style.backgroundImage ='url(../images/images_pay/money_onback.jpg)';
}
else{
document.getElementById("money_l_" + j).style.backgroundImage = "";
}
------解决方案--------------------
不懂你具体的需求,如果是鼠标移上去,可以用样式控制那个对号,js控制选中。点击换背景,js控制就行了
------解决方案--------------------
你为什么不给radio加name呢?
------解决方案--------------------
对,要给radio加相同的name才行!这是radio的基本规则!