Radio Button and CheckBox在FireFox中刷新自动改变选中项

今天开发过程中出现了这样一个问题,我选中radio button list中的一项,然后F5刷新页面,FireFox浏览器会自动上移选中项。太奇怪了!

 

情况,我在页面中有一个

<div id="dialog-add-form-perfile" title="<%: com.nowdocs.nowsource.Admin.Resources.GroupBuyer.AddUserTypeTitle%>"style="display: none;">
    <div id="CurrentGroupUserTypesPer">
        <% Html.RenderPartial("AddUserTypePanel"); %>
    </div>
</div>

 注意当有2个时候,自动上移2个,以此类推。

 

郁闷死我了,我找了好久才找到,是因为这个引起的。

 

在网上找到,原来是因为FireFox的一个bug产生的。

http://www.whypad.com/posts/firefox-radio-button-bug/559/

(这是看到发生的样子)

 

以下是解决方案:

<html>
<head>
	<title>Firefox Autocomplete Test</title>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
                        //这句话很重要!!!
			if($.browser.mozilla) $("form").attr("autocomplete", "off"); 	
			$("#test").after("<input type='text' name='test2' value='Test 2' />"); 
		}); 
	</script>
</head>
<body>
	<h1>Reload this page, radio buttons don't change</h1>
	<p>Adding autocomplete="off" to the form tag fixes the issue. But "autocomplete" is not a valid XHTML attribute, so you may want to do this from jQuery/javascript. View the source of this page to see how.</p>

	<form method="post">
		<input type="text" id="test" name="test1" value="Test" />

		<label><input type="radio" name="radiotest" value="1" checked="checked" /> 1</label>
		<label><input type="radio" name="radiotest" value="2" /> 2</label>
		<label><input type="radio" name="radiotest" value="3" /> 3</label>

	</form>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值