Javascript OnMouseOver和Out禁用/重新启用项目问题 [英] Javascript OnMouseOver and Out disable/re-enable item problem
问题描述
我想让一些单选按钮在鼠标停止时被禁用，当它出来（为了好玩）时，再次启用。
I wanted to have some radio buttons that disabled when the mouse went over and enabled again when it went out (just for fun).
<form>
<input type="radio" name="rigged" onMouseOver="this.disabled=true" onMouseOut="this.disabled=false">
</form>
当鼠标继续运行时，它会做什么，当它退回按钮不会重新 - 启用。此外，如何使其默认启用，以便当您刷新页面时，它不会被禁用。
When the mouse goes on it it does what it should be when it goes back off the button wont re-enable. Also, how do I make it default to enable so that when you refresh the page it doesn't stay disabled.
提前感谢。
推荐答案
输入不会触发mouseout事件，因为它们被禁用。
The inputs do not fire the mouseout events because they are disabled.
所以你必须将其包装在div中并捕获div的事件。
So you have to wrap it in a div and catch the div's events.
如果你想要纯粹的javascript，请使用Phaedrus的示例toggleDisabled脚本。
If you want pure javascript, use Phaedrus's example "toggleDisabled" script.
如果你想要jQuery而不是-so-newbie friendly：
If you want jQuery and not-so-newbie friendly:
<html>
<head>
<title>Page</title>
<script src="jquery-1.3.2.min.js"></script>
<script>
$(function() {
function toggleDisabled(d) {
var disable = d;
this.disableChildren = function() { $(this).children().each(function() { this.disabled = d; }); }
}
$("form .radios").hover(new toggleDisabled(true).disableChildren, new toggleDisabled(false).disableChildren);
});
</script>
</head>
<body>
<form>
<div class="radios">
<input type="radio" name="rigged" value="1"/> Item One<br />
<input type="radio" name="rigged" value="2"/> Item Two<br />
<input type="radio" name="rigged" value="3"/> Item Three<br />
<input type="radio" name="rigged" value="4"/> Item Four
</div>
</form>
</body>
</html>
这篇关于Javascript OnMouseOver和Out禁用/重新启用项目问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
