为复选框设置 Cookie
setting cookies for checkboxes
这是我尝试在表单中为Chekbox设置cookie的功能
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ?
"" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function set_check(){
var proceed = document.forms['form1']['proceed_opt[]'].checked;
setCookie(proceed_opt[], proceed, 60*60*1);
alert(proceed_opt[]);
}
我的表格中的复选框是这样的。
<input type="checkbox" name="proceed_opt[]" value="I will upload new Image" onChange="set_check()";>
Insert Option "I will upload new Image"
</td>
</tr>
<tr>
<td></td>
<td colspan="2">
<input type="checkbox" name="proceed_opt[]" value="I approve this sample for a Night Light" onChange="set_check()";>
Insert Option "<font face="Arial, Helvetica, sans-serif" size="2">I approve this sample for a Night Light</font>"
</td>
</tr>
<tr>
<td></td>
<td colspan="2">
<input type="checkbox" name="proceed_opt[]" value="Select One" onChange="set_check()";>
Insert Option "<font face="Arial, Helvetica, sans-serif" size="2">Select One</font>"
</td>
</tr>
<tr>
<td></td>
<td colspan='2'>
<input type="checkbox" name="proceed_opt[]" value="other" onChange="set_check()">
Insert Option "Other See comments"
</td>
</tr>
但是饼干没有设置在这里...谁能告诉我如何为表单中的复选框设置 cookie...
您的代码存在一些问题。 我稍微清理了一下,做了一些假设。 基本上,你把事情复杂化了。
您错误地引用了字段,并且存在错误。 这种方法更简单(虽然仍然不是理想的 - 但它有效(。
小提琴:http://jsfiddle.net/mAnUQ/
.HTML:
<form name="form1">
<div>
<input type="checkbox" id="check1" name="proceed_opt[]" value="I will upload new Image" onChange="set_check(this)">
<label for="check1">I will upload new Image</label>
</div>
<div>
<input type="checkbox" id="check2" name="proceed_opt[]" value="I approve this sample for a Night Light" onChange="set_check(this)">
<label for="check2">I approve this sample for a Night Light</label>
</div>
<div>
<input type="checkbox" id="check3" name="proceed_opt[]" value="Select One" onChange="set_check(this)">
<label for="check3">Select One</label>
</div>
<div>
<input type="checkbox" id="check4" name="proceed_opt[]" value="other" onChange="set_check(this)">
<label for="check4">Other See comments</label>
</div>
</form>
JavaScript:
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ?
"" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function set_check(me){
setCookie(me.value, me.checked, 60*60*1);
console.log(me.value);
console.log(me.checked);
console.log(document.cookie)
}
看看这是否会引导你走向正确的方向。这会设置一个名为"proceed_opt"的 cookie 以及复选框的值。
.HTML:
<form name="form1"><table><tr><td></td><td> <input type="checkbox" name="proceed_opt[]" value="I will upload new Image" onclick="if(this.checked){set_check(this);}">
Insert Option "I will upload new Image"</td></tr>
<tr><td></td><td colspan="2">
<input type="checkbox" name="proceed_opt[]" value="I approve this sample for a Night Light" onclick="if(this.checked){set_check(this);}">
Insert Option "<font face="Arial, Helvetica, sans-serif" size="2">I approve this sample for a Night Light</font>" </td></tr><tr><td></td><td colspan="2">
<input type="checkbox" name="proceed_opt[]" value="Select One" onclick="if(this.checked){set_check(this);}">
Insert Option "<font face="Arial, Helvetica, sans-serif" size="2">Select One</font>" </td></tr>
<tr><td></td><td colspan='2'>
<input type="checkbox" name="proceed_opt[]" value="other" onclick="if(this.checked){set_check(this);}">
Insert Option "Other See comments"</td></tr>?</table></form>
JAVASCRIPT:
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function set_check(proceed){
var proceed_opt = proceed.value;
setCookie("proceed_opt", proceed_opt, 60*60*1);
alert (proceed_opt);
}
相关文章:
- 在jquery中为显示/隐藏设置cookie
- 如何为后台更改程序代码设置cookie
- Cookie 设置为 iframe javascript 中的父窗口
- 无法使用 jQuery Cookie 设置 Cookie
- Javascript 将 Cookie 设置为在下拉列表中获取值
- jquery css样式切换器将cookie设置为css
- 将cookie设置为与弹出窗口集成
- 如果浏览器关闭,如何将FireFox cookie设置为持久
- 将 Cookie 设置为复选框状态
- 使用cookie设置/获取输入值
- 检查是否有cookie设置,如果没有输出脚本
- PHP cookie设置为重定向,googlebot也重定向-如何阻止这种情况
- jquery中基于输入框的cookie设置
- JS Cookie设置在2个地方,不覆盖第一个设置
- 如何将cookie设置为WebBrowser控件
- 我如何使用我的代码将cookie设置为在x天后过期
- Javascript cookie设置不工作
- 将cookie设置为表单条目的值
- 在页面加载时立即停止cookie设置
- Cookie设置不正确