在Javascript中保存按钮的状态，即使在刷新每个登录用户后也是如此
我正在开发一个Django应用程序，试图保存单击按钮的状态 我有一个接受注册用户凭证（如果输入）的登录表单。如果成功，用户将被重定向到包含两个按钮的页面。我的主要目的是为新用户（一旦他/她登录）设置“按钮1”并禁用“按钮2”。因此，如果用户单击“按钮1”，该按钮将被禁用，然后“按钮2”将被启用。当同一用户注销时，应保存按钮状态。这意味着用户不应再次单击“按钮1”，因为上次启用了“按钮2” 但是，这似乎适用于所有登录的用户。按钮的状态与登录的特定用户不对应，但通常会影响所有用户的状态 代码如下： interface.html:在Javascript中保存按钮的状态，即使在刷新每个登录用户后也是如此,javascript,jquery,django,Javascript,Jquery,Django,我正在开发一个Django应用程序，试图保存单击按钮的状态 我有一个接受注册用户凭证（如果输入）的登录表单。如果成功，用户将被重定向到包含两个按钮的页面。我的主要目的是为新用户（一旦他/她登录）设置“按钮1”并禁用“按钮2”。因此，如果用户单击“按钮1”，该按钮将被禁用，然后“按钮2”将被启用。当同一用户注销时，应保存按钮状态。这意味着用户不应再次单击“按钮1”，因为上次启用了“按钮2” 但是，这似乎适用于所有登录的用户。按钮的状态与登录的特定用户不对应，但通常会影响所有用户的状态 代码如下：
<script>
var disbledBtn = localStorage.getItem('disabled'); // get the id from localStorage
$(disbledBtn).attr("disabled", true); // set the attribute by the id
$('#button1').click(function () {
$("#button1").attr("disabled", true);
$("#button2").attr("disabled", false);
localStorage.setItem('disabled', '#button1');
}
</script>
<body>
<button type="button" id ='button1'> Button 1 </button>
<button type="button" id ='button2'> Button 2 </button>
</body>
var disbledBtn=localStorage.getItem（'disabled'）；//从localStorage获取id
$（disbledBtn）.attr（“已禁用”，true）；//通过id设置属性
$（'#按钮1'）。单击（函数（）{
$（“#按钮1”）.attr（“禁用”，真）；
$（“#按钮2”）.attr（“禁用”，false）；
setItem（'disabled'，'#button1'）；
}
按钮1
按钮2
是否有办法实现此要求？在本地存储中
Key Value
1001 2
1002 1
1003 2
<script>
var user_id = 1001; // unique id of user so we can find from localstorage
var disbledBtn = localStorage.getItem(user_id); // here it gives 1 OR 2 (if 1 then button1 is desabled, if 2 then button2 is disabled
if(disbledBtn == 2) {
$("#button2").attr("disabled", true); // disable button2
} else {
$("#button1").attr("disabled", true); // disable button1
}
$('#button1').click(function () {
$("#button1").attr("disabled", true);
$("#button2").attr("disabled", false);
localStorage.setItem(user_id, '1'); // store 1 in localstorage because button1 is now disabled
}
$('#button2').click(function () {
$("#button2").attr("disabled", true);
$("#button1").attr("disabled", false);
localStorage.setItem(user_id, '2'); // store 2 in localstorage because button2 is now disabled
}
</script>
<body>
<button type="button" id ='button1'> Button 1 </button>
<button type="button" id ='button2'> Button 2 </button>
</body>
var user_id=1001；//用户的唯一id，以便从localstorage中查找
var disbledBtn=localStorage.getItem（user_id）；//这里它给出1或2（如果是1，则按钮1被清除，如果是2，则按钮2被禁用
如果（解散BTN==2）{
$（“#按钮2”）.attr（“已禁用”，true）；//禁用按钮2
}否则{
$（“#button1”）.attr（“disabled”，true）；//禁用按钮1
}
$（'#按钮1'）。单击（函数（）{
$（“#按钮1”）.attr（“禁用”，真）；
$（“#按钮2”）.attr（“禁用”，false）；
setItem（用户_id，'1'）；//将1存储在localStorage中，因为button1现在已禁用
}
$（'#按钮2'）。单击（函数（）{
$（“#按钮2”）.attr（“禁用”，真）；
$（“#按钮1”）.attr（“禁用”，false）；
setItem（用户_id，'2'）；//将2存储在localStorage中，因为button2现在已禁用
}
按钮1
按钮2
每个用户的Cookie完全不同。为每个用户保存唯一的localStorage项，并使用该id（
localStorage.getItem（_id）；localstorage开发者工具（ctrl+sift+d）中看到它->Application->Storage->Local Storage