0

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

我的 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);

但这显示为空。我做错了什么。请告诉我。

谢谢

4

3 回答 3

1

这是我尝试过的,我也是这里的菜鸟,

所以我不确定它是否对你有用,但我最终得到了警报 ryt :-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);

    });

 });
于 2013-10-12T12:34:40.597 回答
0

我明白了,发现这是一个非常愚蠢的问题。

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

alert(localStorage.getItem('a_value'));
于 2013-10-15T11:54:45.610 回答
0
<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> 
于 2017-05-23T03:55:32.007 回答