jquery - 重新访问页面时单选按钮检查值

Question

<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>

我有单选按钮，一个必须具有默认值..当我选择一个并提交然后返回页面时，该值必须保留..

知道我该怎么做吗？

Answer 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);
}
​

Answer 2

客户端您可能希望使用 cookie 来存储信息。服务器端，可以使用会话变量。

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

Answer 3

基本上有两种方法可以做到这一点。

1. 饼干
2. 服务器端语言，如 php、asp

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