gpt4 book ai didi

jquery - 如何使 jquery 操作和框选中/取消选中在 IE6 上工作?

转载 作者:行者123 更新时间:2023-12-01 07:02:31 25 4
gpt4 key购买 nike

在下一页(请参阅最后的代码)上,当我单击复选框“A”时,在大多数浏览器上,它会位于水平线下方,未选中。在 IE6 上,它位于水平规则下,但保持选中状态。我希望在 IE6 中具有与其他浏览器中相同的行为。我尝试添加

$(this).attr({"checked":"unchecked"});

但这并没有更好。有什么解决办法吗?

以下是页面代码:

<html>
<head>

<title>test check</title>

<script src="shoppinglist_fichiers/jquery-1.js"></script>
<script type="text/javascript">

var toggleItem = function(o, toUnbind, toBind){
var selector = $(o);
selector.unbind("click", toUnbind);
selector.bind("click", toBind);
};

var checkItem = function(){
toggleItem(this, checkItem, uncheckItem);
//$(this).attr({"checked":"checked"});
$("#checked").prepend($(this).parent());
};

var uncheckItem = function(){
toggleItem(this, uncheckItem, checkItem);
//$(this).attr({"checked":"unchecked"});
$("#unchecked").append($(this).parent());
};

$(document).ready(function(){
$("#checked input").bind("click", uncheckItem);
$("#unchecked input").bind("click", checkItem);
});

</script>

</head>
<body>
<form id="listForm" action="list" method="post">
<span id="checked">

<span id="A">
<input autocomplete="off" value="A" name="list" checked="checked" type="checkbox">A<br>
</span>
</span>
<hr/>
<span id="unchecked">

</span>
</form>

</body>
</html>

最佳答案

checked 是 XHTML 中的 bool 属性。在 XHTML 中,您将属性编写为 checked="checked",javascript 将此属性公开为 bool 值 element.checked

使用truefalse来选中或取消选中该复选框。

$(this).attr('checked', true);  //Check
$(this).attr('checked', false); //Uncheck

或者,您也可以删除该属性以取消选中该框。

$(this).removeAttr('checked');  //Uncheck

将其设置为无效值不会取消选中 IE6 中的复选框(坦率地说,奇怪的是,它是该方面唯一符合规范的浏览器。任何字符串仍然是 true 与空字符串相比)。

checked Property (INPUT type=checkbox, INPUT type=radio, HTMLInputElement Constructor)

关于jquery - 如何使 jquery 操作和框选中/取消选中在 IE6 上工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1928330/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com