Question

我认为这是一个非常愚蠢的问题，但我没有得到它。实际上我正在尝试获取已检查单选按钮的值并将所有内容存储到本地存储但它显示为空。

我的HTML代码是：

<div id="radioMediators" style="display:none; float:left; margin-left:50px;margin-top:8px;">
                    <input type="radio" name="M1P1" value="1">1 
                    <input type="radio" name="M1P1" value="2">2
                    <input type="radio" name="M1P1" value="3">3 
                    <input type="radio" name="M1P1" value="4">4 
                    <input type="radio" name="M1P1" value="5">5
                    <br/><br/>
                    <input type="radio" name="M1P2" value="1">1 
                    <input type="radio" name="M1P2" value="2">2
                    <input type="radio" name="M1P2" value="3">3 
                    <input type="radio" name="M1P2" value="4">4 
                    <input type="radio" name="M1P2" value="5">5
                    <br/><br/>
                    <input type="radio" name="M1P3" value="1">1 
                    <input type="radio" name="M1P3" value="2">2
                    <input type="radio" name="M1P3" value="3">3 
                    <input type="radio" name="M1P3" value="4">4 
                    <input type="radio" name="M1P3" value="5">5
                    <br/><br/>
                    <input type="radio" name="M1P4" value="1">1 
                    <input type="radio" name="M1P4" value="2">2
                    <input type="radio" name="M1P4" value="3">3 
                    <input type="radio" name="M1P4" value="4">4 
                    <input type="radio" name="M1P4" value="5">5
                    <br/><br/>
                    <input type="radio" name="M1P5" value="1">1 
                    <input type="radio" name="M1P5" value="2">2
                    <input type="radio" name="M1P5" value="3">3 
                    <input type="radio" name="M1P5" value="4">4 
                    <input type="radio" name="M1P5" value="5">5
                    </div>

为了存储目的，我正在使用此代码：

var a1=localStorage.getItem($('input[name="M1P1"]:checked'));

所有（M1P2，M1P2，M1P3，M1P4，M1P5）相同

alert(a1);
alert(b1);

但这显示为null。我做错了什么。请让我知道。

由于

Answer 1

这是我尝试的，我也是一个菜鸟

所以我不确定它对你有用，但我最终收到了警告:-p。

这是我的所作所为，将类添加到单选按钮并删除style = display：none;

<div id="radioMediators" style="; float:left; margin-left:50px;margin-top:8px;">
    <input type="radio" name="M1P1" value="1" class='a'>1
    <input type="radio" name="M1P1" value="2" class='a'>2
    <input type="radio" name="M1P1" value="3" class='a'>3
    <input type="radio" name="M1P1" value="4" class='a'>4
    <input type="radio" name="M1P1" value="5" class='a'>5

并稍微修改了Jquery代码：

// When the page is ready
$(document).ready(function () {
    $('.a').click(function () {
        var b = 0;
        var c = 0;
        $('input[name="M1P1"]:checked').each(function () {
            b = parseInt($(this).val(), 10);
            var testobj = ('$(this)', b);
            c = localStorage.setItem('testobj', testobj);
        });
        alert(b);
        var a1 = localStorage.getItem('testobj');
        alert(a1);

    });

 });

Answer 2

我得到了它，发现这是一个非常愚蠢的问题。

localStorage.setItem('a_value',$('input[name="M1P1"]:checked').val());

alert(localStorage.getItem('a_value'));

Answer 3

<form id="pSex" class="pe">
  <input type="radio" name="gender" id="rMale" onchange="localStorage.setItem('pSex', 'male');" checked> Male<br>
  <input type="radio" name="gender" id="rFemale" onchange="localStorage.setItem('pSex', 'female');"> Female<br> 
</form>

在本地存储中存储单选按钮的值

3 个答案: