帖子上的 Jquery 单选按钮

Question

嗨，我有一个表单，其中数据发布了一些奇怪的内容......

HTML:

<form>
   <input type="radio" name="datatype" value="1"/> <label>Datatype 1</label>
   <input type="radio" name="datatype" value="2"/> <label>Datatype 2</label>
   <button type="submit">Submit</button>
</form>

表格1:

$('form').submit(function(){
    var dt = $(this).serializeArray();
    $.ajax({
        url: 'post.php',
        data: dt,
        ..................
    })
})

表格2:

  $('form').submit(function(){
    var opt = $(['input[name=datatype]').val();
    var dt = [{name:'dtype',value: opt }];

    $.ajax({
        url: 'post.php',
        data: dt,
        ..................
    })
})

在 FORM 1 数据类型中，正确发布正确的值 1 或 2。在这部分中，我使用序列化数组。现在，奇怪的事情是在 FORM 2 上，如果您选择数据类型 2，它总是发布值 1。出于某种原因，我需要使用 FORM 2...如果有人可以提供帮助，我很高兴。谢谢

Answer 1

你应该尝试这个:

$('form').submit(function(){
    var opt = $('input[name=datatype]:checked').val();
    var dt = [{name:'dtype',value: opt }];

    $.ajax({
        url: 'post.php',
        data: dt,
        ..................
    })
})

<小时/>

为什么你的FORM2代码总是得到1

默认情况下，它按照 DOM 中的顺序获取值。由于带有 value="1" 的 radio 首先出现，因此它选择值 1，尽管您选择了 radio与 value="2"。

<小时/>

更正您的代码

您的$(['input[name=datatype]').val();语句是错误的。应该是这样的

$('input[name=datatype]:checked').val(); 将获取选中的 radio 按钮的值。

您的选择器也可能是:

$(':radio:checked[name=datatype]').val()

<强> Working sample