Question

我一直在使用Javascript，JQuery和FlatUI框架创建一个网页，我遇到了一些障碍。

使用此JQuery代码：

$( "#db" + category ).dialog( "open" );

我打开以下对话框：

    <div id="dbHome" class="dialogBox">
        <form id="formHome" action="javascript:void(0);" onsubmit="submitData('Home', 'radio')">
            <p>
                What type of home do you live in?
            </p>
            <label class="radio" for="radioHome1">
            Unit / Flat / Apartment
            <input type="radio" id="radioHome1" name="inputHome" value="Unit / Flat / Apartment" data-toggle="radio" checked="">
            </label>

            <label class="radio" for="radioHome2">
            Town House / House
            <input type="radio" id="radioHome2" name="inputHome" value="Town House / House" data-toggle="radio">
            </label>

            <input type="submit" class="btn btn-primary btn-large  btn-info" style="float: right;" value="Submit">

        </form>
    </div>

对话框打开没有问题。但是，当我单击提交按钮（并执行“submitData（）”时，该函数无法检索用户从单选按钮中选择的值。但是这个问题还有更多：如果用户没有单击单选按钮，而不是保持默认的“已选中”按钮，该功能可以检索该值。但是如果用户选择了另一个收音机，然后再次选择默认收音机，当被要求时，该功能仍将返回“未定义”得到价值。

有问题的函数执行以下代码：

function submitData(category, inputType)
{
    // Get the index (to search in the array)
    var key;

    key = $("#form" + category + " input[name=input" + category + "]:checked").val();

    alert("KEY: " + key); // Prints "undefined" if the user makes any input.
}

我尝试了无数不同的代码来从无线电中检索值。它都没有奏效。

我希望我在这里提供了足够的信息，并且提前非常感谢你。

Answer 1

我的代码不是导致问题的原因。这是一个外部文件（由框架提供）干扰。

JQuery对话框阻止从单选按钮获取值

1 个答案: