jquerymobile checkbox及時(shí)刷新才能獲取其準(zhǔn)確值
更新時(shí)間:2012年04月14日 00:18:05 作者:
一般登錄的時(shí)候 都有個(gè)記住用戶名 記住密碼 的兩個(gè)checkbox 多選框用jquerymobile 做頁面 ,當(dāng)勾選checkbox 時(shí)總是不能獲取它正確的值
解決辦法:
$('input[type="checkbox"]').bind('click',function() {
$(this).prop('checked').checkboxradio("refresh"); // 綁定事件及時(shí)更新checkbox的checked值
});
如果要用js去改變checkbox的值時(shí)也要及時(shí)刷新。
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
原因: 因?yàn)槭謩?dòng)改變它的值后,jquerymobile不能重新渲染。 這樣頁面顯示的值和實(shí)際值就不一樣了。 (jquerymobile 把form表單元素都隱藏起來,然后用 js添加了一些元素易于美化input, select ,textarea 等元素的效果)
復(fù)制代碼 代碼如下:
$('input[type="checkbox"]').bind('click',function() {
$(this).prop('checked').checkboxradio("refresh"); // 綁定事件及時(shí)更新checkbox的checked值
});
如果要用js去改變checkbox的值時(shí)也要及時(shí)刷新。
復(fù)制代碼 代碼如下:
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
原因: 因?yàn)槭謩?dòng)改變它的值后,jquerymobile不能重新渲染。 這樣頁面顯示的值和實(shí)際值就不一樣了。 (jquerymobile 把form表單元素都隱藏起來,然后用 js添加了一些元素易于美化input, select ,textarea 等元素的效果)
相關(guān)文章
Jquery實(shí)現(xiàn)搜索框提示功能示例代碼
數(shù)據(jù)量很大的情況下使用Ajax去實(shí)現(xiàn)真的不合適,于是想采用Jquery來實(shí)現(xiàn)方法,具體的示例代碼如下,有需求的朋友可以參考下希望對(duì)大家有所幫助2013-08-08Jquery 復(fù)選框取值兼容FF和IE8(測(cè)試有效)
Jquery 復(fù)選框取值的文章網(wǎng)上有很多的,不過可以同時(shí)兼容FF和IE8的確實(shí)沒有幾個(gè),下面有個(gè)不錯(cuò)的方法經(jīng)測(cè)試有效2013-10-10jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
如何實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件,下面有個(gè)不不錯(cuò)的示例使用jquery實(shí)現(xiàn)的,感興趣的朋友可以參考下2014-01-01jQuery實(shí)現(xiàn)對(duì)網(wǎng)頁節(jié)點(diǎn)的增刪改查功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)對(duì)網(wǎng)頁節(jié)點(diǎn)的增刪改查功能,涉及jQuery針對(duì)網(wǎng)頁DOM節(jié)點(diǎn)的獲取、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下2017-09-09jquery在項(xiàng)目中做復(fù)選框時(shí)遇到的一些問題筆記
在實(shí)踐中還是遇到了很多的問題,注意在input的checkbox中,用普通的attr屬性來判斷是不可以的,因?yàn)閏hecked的值是checked,因此做個(gè)筆記2013-11-11