如何把选中的radio值和checkbox的值缓存在cookie中，后台自行获取

由于项目需求，让前台效果更人性化，需要在提交之后仍然显示客户选中的value值和checkbox的值。

在网上查的效果并不理想。

自己测试显示的效果如下：

html代码：

<input type="radio" class="radio_checked" value="1" name="radio" checked="checked"><input type="radio" class="radio_checked" value="2" name="radio"><input type="checkbox" id="check_choic" value="9999" name="range">长期

<button id="set" style="display:block;margin-top:12px;">提交</button>

js 方面需要引入cookie.js，在实践过程中发现用原始的js存在cookie，只能存一个值，也没有去找其他办法解决，后续会跟进。于是用jquery测试缓存多个cookie值。

js代码：

     

$("#set").click(function () {    var radio_val = $("input[name='radio']:checked").val();    $.cookie("radio1", radio_val);    console.log($.cookie("radio1"));    var checkbox_val = $("input[name='range']:checked").val();    $.cookie("checkbox1", checkbox_val);    console.log($.cookie("checkbox1"));});