我無法堅持複選框頁面刷新後進行檢查。如何在頁面重新加載後堅持複選框選中狀態?
0
A
回答
0
您必須在服務器端執行此操作。無論是與PHP,ASP.NET或任何你使用。
這是唯一的方法。
或,如果您的網站只是客戶端,那麼您將不得不實施它,而不需要任何頁面刷新。
2
您需要爲此使用cookie ......只要用戶點擊複選框,將其狀態存儲到cookie中,並只需在頁面加載時獲取cookie值,以便像在之前的選擇中一樣預先設置複選框。
HTML
<div>
<label for="option1">Option 1</label>
<input type="checkbox" id="option1">
</div>
<div>
<label for="option2">Option 2</label>
<input type="checkbox" id="option2">
</div>
<div>
<label for="option3">Option 3</label>
<input type="checkbox" id="option3">
</div>
<button>Check all</button>
抓取複選框值,使一個cookie出他們的
var checkboxValues = {};
$(":checkbox").each(function(){
checkboxValues[this.id] = this.checked;
});
$.cookie('checkboxValues', checkboxValues, { expires: 7, path: '/' })
功能來讀取cookie來預填充負載
function repopulateCheckboxes(){
var checkboxValues = $.cookie('checkboxValues');
if(checkboxValues){
Object.keys(checkboxValues).forEach(function(element) {
var checked = checkboxValues[element];
$("#" + element).prop('checked', checked);
});
}
}
0
在這裏,我如何做到這一點:
<html>
<input type="checkbox" <?php echo file_get_contents(".cktest"); ?> onclick="getFileFromServer('write_ckfile.php?target=.cktest&value='+this.checked, function(text){ show_write(text)});"> cktest with php<br/>
<!-- with ajax read the checked attribut from file -->
<input id="withajax" type="checkbox" onclick="getFileFromServer('write_ckfile.php?target=.cktest&value='+this.checked, function(text){ show_write(text)});"> cktest with ajax<br/>
<script>
function getFileFromServer(url, doneCallback) {
var xhr;
xhr = new XMLHttpRequest();
xhr.onreadystatechange = handleStateChange;
xhr.open("GET", url, true);
xhr.send();
function handleStateChange() {
if (xhr.readyState === 4) {
doneCallback(xhr.status == 200 ? xhr.responseText : null);
}
}
}
function show_write(text) {
//alert(text);
}
//
getFileFromServer(".cktest", function(x) { document.getElementById("withajax").checked=x;});
</script>
</html>
和文件write_ckfile.php:
<?php
$strtarget=$_GET['target'];
$status=$_GET['value']=="true"?"checked":"";
file_put_contents($strtarget, $status);
?>
我希望這有助於。 MiKL〜
+1
請添加說明,而不僅僅是代碼 –
相關問題
- 1. 頁面重新加載後狀態複選框
- 2. 複選框在頁面刷新後保持檢查狀態
- 3. 堅持複選框狀態跨回發
- 4. 複選框始終處於選中狀態頁面重載
- 5. 頁面刷新後保持單擊複選框狀態
- 6. 在頁面重新加載時使複選框持久?
- 7. 的jqGrid - 保持複選框選擇狀態 - 網頁刷新/重定向/重載
- 8. 重新加載後保存複選框狀態(TODO列表)
- 9. 頁面重新加載並保持複選框與PHP和JQUERY
- 10. 在頁面刷新後保持複選框被選中AngularJS
- 11. 在刷新頁面後保持動態創建的複選框
- 12. 如何在頁面重定向到asp.net MVC後堅持頁面狀態?
- 13. 如何在頁面刷新後保存動態複選框狀態?
- 14. 如何在分頁中保持複選框狀態在php
- 15. 保持頁面重新加載後表格的擴展狀態
- 16. 在頁面重新載入後保持選擇字段的先前狀態
- 17. jquery複選框問題 - 重新加載頁面修復它
- 18. 如何在重新加載頁面時保持複選框被選中並顯示內容?
- 19. 頁面重新加載後在複選框列表中移動複選框 - Firefox only
- 20. 使用jQuery加載頁面後選中所有複選框
- 21. 在Coldfusion的頁面加載複選框
- 22. 更改狀態時,Radiobutton /複選框保持選中狀態
- 23. 在頁面重新載入後檢索選定的複選框值
- 24. 如何在重新加載JQuery Grid時保持複選框選擇?
- 25. 如何保存更改後的顏色複選框刷新頁面後加載
- 26. ASP.NET:如何堅持頁面狀態跨頁面?
- 27. 如何使用本地存儲刷新頁面後保持複選框處於選中狀態或取消選中狀態?
- 28. 複選框狀態在Firefox和Chrome中重新加載的行爲
- 29. 如何使用組合框(選擇)值重新加載頁面?
- 30. 如何選擇加載頁面上的複選框
在本地存儲中設置值並刷新頁面時 – Ahmer
如果想要完整的解決方案給我看你的代碼示例 – Ahmer