保持选定的选项保存在js中 [英] Keep the selected option saved within js

问题描述

嘿，伙计们我是javascript的新手。我有一个带有html的单选按钮检查选项。我已完成的代码

Hey guys am new to javascript.I have a radio button check option with html..The code i have done

<form action="" id="avi">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
<br></br>

<button type="button"  id="bae">save me   </button>

<script>

var c = document.getElementById('bae');
c.onclick = function() {
var m = document.getElementById('avi'); 
return m.checked;
}
</script>

我需要做什么

我需要做的是当我点击保存我按钮我只需要保存点击的收音机的位置...假设我点击了男性选项并点击了保存我需要在刷新后看到那些点击的无线电选项..

what i need to do

The thing which i need to do is when i click the save me button i just need to save the position of the clicked radio...Suppose if i clicked Male option and clicked save i need to see those clicked radio option after a refresh..

这可以在不存储db的情况下完成吗??我认为这可以用js来完成..

Can this be done without storing in db ??..I think this could be done with js..

感谢您的帮助

推荐答案

您需要设置并获取值

    function setCookie(name, value, days) { // from http://www.quirksmode.org/js/cookies.html
        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 getCookie(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;
    }
    
    window.onload = function () {
        var gender = getCookie('samplecookie');
        if (gender) {
            if (gender=="male") document.getElementsByName('sex')[0].click(); // or .checked=true; 
            else if (gender=="female") document.getElementsByName('sex')[1].click();
        }
        document.getElementById('bae').onclick = function () {
            var m = document.getElementsByName('sex')[0];
            var f = document.getElementsByName('sex')[1];
            if (m.checked) {
                setCookie('samplecookie', m.value, 30);
            } else if (f.checked) {
                setCookie('samplecookie', f.value, 30);
            }
        }
    }

<form action="" id="avi">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
<br></br>

<button type="button"  id="bae">save me   </button>

这篇关于保持选定的选项保存在js中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！