1

我有一个移动客户端并且有一个简单的问题。

这是我的html部分：

<label id="112233" for="checkbox-detailed_limit">Take Profit</label>
<input type="checkbox" name="checkbox-detailed_limit"
id="checkbox-detailed_limit" data-mini="true"/>

当显示容器页面时，我想更改复选框的选中状态。

我已经使用 javascript 和 jquery 进行此操作，但都失败了。

这里有些例子：

$("#checkbox-detailed_limit").attr("checked", false).change();
$("#checkbox-detailed_limit").attr("checked", false).trigger("change");
$("#checkbox-detailed_limit").prop("checked", false);
$("#checkbox-detailed_limit").removeAttr("checked");
$('input:checkbox', $("#112233")).prop("checked", false);
$("#112233").filter(':checkbox').prop("checked", false);
$('input').filter(':checkbox').prop('checked',false);
$("#112233").children('input[type="checkbox"]').prop('checked', false);
$("#112233").find("checkbox").attr("checked", false);
document.getElementById("checkbox-detailed_limit").checked = false;

有什么办法可以帮助我吗？

4

5 回答 5

2

这实际上是一个 jquery-mobile 问题，因为这些复选框将得到增强。

$("#checkbox-detailed_limit").attr("checked",true).checkboxradio("refresh");

来源：http: //jquerymobile.com/demos/1.2.0/docs/forms/checkboxes/methods.html

于 2013-03-08T10:13:10.030 回答
0

我不确定您真正想要什么，但您想将选中状态设置为复选框？那么这可以像这样完成。

$("#checkbox-detailed_limit").prop("checked", true); //for jquery 1.7+ 

$("#checkbox-detailed_limit").attr("checked", true); //for jquery < 1.7
于 2013-03-08T10:08:55.580 回答
0

要选中复选框： 

$("#"+id).attr("checked", "checked");

要取消选中该复选框：

$("#"+id).removeAttr("checked");
于 2013-03-08T10:10:23.177 回答
0

试试这个，

   $("#checkbox-detailed_limit").prop("checked", true);
   $("#checkbox-detailed_limit").prop("checked", false);
于 2013-03-08T10:11:05.083 回答
0 
$('input[name=foo]').attr('checked', !$('input[name=foo]').is(':checked'));

该脚本将切换复选框，并且应该可以正常工作。如果这不起作用，则您的 javascript 代码在其他地方有错误。使用控制台将帮助您找到问题。

于 2013-03-08T10:12:37.907 回答