您的位置：首页 > 编程语言

误区 一下代码是曾经误认为 radio的onclick 事件在 <a href="#"></a> 发生 以下是实例代码

2015-01-07 21:07 435 查看
实际上onclick事件还是在radio上发生 只不过是通过js把 <a>标签的href属性的'#' 值 给动态的发生该表了而已 误以为是在<a> 标签上发生了onclick事件

<html>

<body>

<script type="text/javascript">

function changeIt(newLoc)

{

alert("hello"); //此条代码用于测试 这个回调函数 何时被调用

document.links[0].href = newLoc;

alert(document.links[0].href); //此条代码用于查看 是否a标签里的内容被动态修改过

}

</script>

<a href="#"> <h4>去看看</h4></a>

<input type="radio" name="choices" onclick="changeIt('http://www.baidu.com')">百度<br>

<input type="radio" name="choices" onclick="changeIt('http://www.qq.com')">腾讯<br>

<input type="radio" name="choices" onclick="changeIt('http://www.sina.com')">新浪<br>

</body>

<!--

以下是第二种实现方式

<body>

<script type="text/javascript">

function f()

{

var radio = document.getElementsByName("radio");

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

{

if(radio[i].checked )

{

location = radio[i].value;

}

}

// location = radio.value;

}

</script>

<a href="#" onclick="f()"> <h4>去看看</h4></a>

<input type="radio" name="radio" value="http://www.baidu.com" />百度<br/>

<input type="radio" name="radio" value="http://www.qq.com" /> 腾讯<br/>

<input type="radio" name="radio" value="http://www.sina.com" />新浪<br/>

</body>-->

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航