使用javascript更改复选框后的页面

时间:2014-07-16 07:38:40

标签: javascript jquery dynamic checkbox

如何通过javascript更改值后刷新页面/复选框。 我的应用程序从localstorage中读取一个布尔值,然后选中或取消选中该复选框。

$('#settingsContent').trigger("create");
$('#settingsContent').page();

尝试了这两种方法,但它不起作用。只有页面()Methode我得到一个白页。 只有触发器(“创建”)才会发生任何事情。

<div id="settingsContent"> 

是我的div标签的名称。

这是一个使用jquery html等的phonegap应用程序。

修改

valueVar = document.getElementById(nameVar);
if (timeStamp == true) {
         valueVar.checked = true;
    } else {
         valueVar.checked = false;
    }

timeStamp是我的localstorage中的值。 这项工作。但在此代码之后,我选中或取消选中我的复选框。它也有效。 我不需要刷新页面?要查看选中的复选框?

3 个答案:

答案 0 :(得分:6)

您想在CheckBox内容更改后重新加载页面吗?

$('#checkbox').on('change', function() {
    location.reload();
});

答案 1 :(得分:2)

如果您只想加载DOM的部分内容,可以使用JQuery加载

   $("#settingsContent).load(url);

http://api.jquery.com/load/

答案 2 :(得分:0)

如果要更改元素的HTML内容,可以使用以下内容:

var newContent = "Hello";
$('#settingsContent').html(newContent);

html()方法也将采用HTML语法,而不仅仅是字符串。