2012-04-20 83 views
1
<div class="formfield ship"> 
    <input type="radio" class="ship1" name="1" >1</input> 
    <input type="radio" class="ship2" name="1" >2</input> 
    <input type="radio" class="ship3" name="1" >3</input> 
    <div class="clear"><!-- FLOAT CLEAR --></div> 
</div> 

我有单选按钮必须有默认值..当我拿起一个,并提交,然后我回到页面值必须保留..单选按钮上重温页面选中的值

任何想法我怎么能做到这一点?

+1

默认值是什么?这些应该是其中之一被选中的标记?定义“返回到页面”。如果你有服务器端代码渲染页面,它是否可以呈现它们提交状态的元素? jQuery到哪里来了? – David 2012-04-20 15:33:35

+0

您的HTML生成的服务器端,还是只是一个静态的HTML页面? – 2012-04-20 15:33:40

+0

第一个单选按钮已在页面的第一次加载时被检查。 – 2012-04-20 15:35:23

回答

1

这你想要做什么 - 虽然你需要稍微修改您的HTML(我不认为<input></input>有效)

http://jsfiddle.net/malet/dvCpj/6/

$("input[type=radio]").each(function(){ 
    $(this).click(function(){  
     createCookie($(this).attr("name"), $($(this).siblings()[0]).html(),1);  
    }); 
}); 


$(document).ready(function(){ 
    $("input[type=radio]").each(function(){ 
     var selected = readCookie($(this).attr("name")); 
     if(selected != null){ 
      if($($(this).siblings()[0]).html() == selected){ 
       $(this).attr("checked","checked"); 
      }      
     }  
    }); 
}); 


function createCookie(name,value,days) { 
    if (days) { 
      var date = new Date(); 
      date.setTime(date.getTime()+(days*24*60*60*1000)); 
      var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
      var c = ca[i]; 
      while (c.charAt(0)==' ') c = c.substring(1,c.length); 
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    createCookie(name,"",-1); 
} 
​ 
+0

谢谢。得到它的工作。 – 2012-04-20 20:56:51

0

客户端您会想要使用cookie来存储信息。服务器端,你可以使用会话变量。

这取决于您的环境,但基本上是保存用户提交的内容,并在输出表单时检查该值。

0

基本上没有,你可以这样做双向的。

  1. 饼干
  2. 服务器端语言如PHP,ASP

但无论哪种方式,主要的一点是,无线电元素的默认值必须改变。您可以使用服务器端脚本来提供新的默认值,或使用cookie来获取新的默认值。