настройки куки для флажков

Question

это функция я пытаюсь установить кук для chekboxes в моей форме

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 &quot;I will upload new Image&quot; 
    </td> 
</tr> 
<tr> 
    <td></td> 
    <td colspan="2"> 
      &nbsp; 
      <input type="checkbox" name="proceed_opt[]" value="I approve this sample for a Night Light" onChange="set_check()";> 
      Insert Option &quot;<font face="Arial, Helvetica, sans-serif" size="2">I approve this sample for a Night Light</font>&quot; 
    </td> 
</tr> 
<tr> 
    <td></td> 
    <td colspan="2"> 
      &nbsp; 
      <input type="checkbox" name="proceed_opt[]" value="Select One" onChange="set_check()";> 
      Insert Option &quot;<font face="Arial, Helvetica, sans-serif" size="2">Select One</font>&quot; 
    </td> 
</tr>  
<tr> 
    <td></td> 
    <td colspan='2'> 
     &nbsp; 
     <input type="checkbox" name="proceed_opt[]" value="other" onChange="set_check()"> 
      Insert Option &quot;Other See comments&quot; 
    </td> 
</tr> 

Но печеньки здесь не установлены ... может ли кто-нибудь сказать мне, как установить куки для флажков в форме ...

Answer 1

Посмотрите, может ли это привести вас в правильном направлении. Это устанавливает cookie с именем «continue_opt» со значением отмеченного поля.

HTML:

<form name="form1"><table><tr><td></td><td>&nbsp; <input type="checkbox" name="proceed_opt[]" value="I will upload new Image" onclick="if(this.checked){set_check(this);}"> 
     Insert Option &quot;I will upload new Image&quot;</td></tr> 
<tr><td></td><td colspan="2"> 
     &nbsp; 
     <input type="checkbox" name="proceed_opt[]" value="I approve this sample for a Night Light" onclick="if(this.checked){set_check(this);}"> 
     Insert Option &quot;<font face="Arial, Helvetica, sans-serif" size="2">I approve this sample for a Night Light</font>&quot; </td></tr><tr><td></td><td colspan="2"> 
     &nbsp; 
     <input type="checkbox" name="proceed_opt[]" value="Select One" onclick="if(this.checked){set_check(this);}"> 
     Insert Option &quot;<font face="Arial, Helvetica, sans-serif" size="2">Select One</font>&quot; </td></tr>  
<tr><td></td><td colspan='2'> &nbsp; 
<input type="checkbox" name="proceed_opt[]" value="other" onclick="if(this.checked){set_check(this);}"> 
    Insert Option &quot;Other See comments&quot;</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); 
} 

Answer 2

Есть некоторые проблемы с вашим кодом. Я немного почистил его и сделал некоторые предположения. В принципе, вы слишком усложняете ситуацию.

Вы неправильно указали поля, и были ошибки. Этот подход более простой (хотя и не идеальный, но он работает).

Fiddle: 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) 
}