jquerymobile 单选按钮值丢失？

Question

我正在测试一个小型网络应用程序，之前它有效：

    if ($(this).is(':radio') && $(this).is(':checked'))
    {   
        val       = $(this).val();
        saveThis  = true;
    } else if ($(this).is(':checkbox') && $(this).is(':checked')) {
        val       = true;
        saveThis  = true;
    } else if (($(this).is(':checkbox') || $(this).is(':radio'))) {
        saveThis  = false;
    } else {
        val       = $(this).val();
        saveThis  = true;
    }   

这是表单：

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Capture Type:</legend>
            <input id="capture_type_onsite" name="capture_type" type="radio" value="onsite" />
            <label for="capture_type_onsite" style="width: 200px;">OnSite</label>

            <input id="capture_type_phone" name="capture_type" type="radio" value="phone" />
            <label for="capture_type_phone" style="width: 200px;">Phone</label>
    </fieldset>
</div>

但是现在，当我执行 console.log($(this)) （$this 是表单元素） ，我得到：

<input id=​"contact_type_member" name=​"contact_type" type=​"radio" value>

这是上面的代码，其中包含一些 console.log：

    if ($(this).is(':radio') && $(this).is(':checked'))
    {   
    console.log('Radio checked: '+$(this).attr('name')+' '+$(this).val());
    console.log($(this));
        val       = $(this).val();
        saveThis  = true;
    } else if ($(this).is(':checkbox') && $(this).is(':checked')) {
    console.log('Checkbox checked: '+$(this).attr('name')+' '+$(this).val());
        val       = true;
        saveThis  = true;
    } else if (($(this).is(':checkbox') || $(this).is(':radio'))) {
    console.log('Checkbox or radio NOT checked: '+$(this).attr('name')+' '+$(this).val());
        saveThis  = false;
    } else {
    console.log('OTHER input: '+$(this).attr('name')+' '+$(this).val());
        val       = $(this).val();
        saveThis  = true;
    }   

这是 is(:radio) is(:checked) -- 第一个 if 语句 -- 显示的内容：

Radio checked: capture_type 
[<input id=​"capture_type_onsite" name=​"capture_type" type=​"radio" value>​]

我正在尝试使用 localStorage 保存（我创建所有表单元素的对象，然后使用 JSON.stringify 保存它，然后根据他们选择的元素重新填充记录。这一切在我实现 jQuery Mobile 之前都有效，所以我猜它一定是对这些值做了一些事情，但我不确定。从调试语句中可以看到，到达此值时该值已为空。

提前致谢， 汉斯

Answer 1

尝试：

var radio_val = $('input[name=capture_type]:checked').val();
alert('Radio Value: '+radio_val);

实时示例：http://jsfiddle.net/WSqTS/9/