jquery - 希望未选中的单选按钮应返回空字符串

Question

我有以下 HTML

<form id="create_form" name="create_form" action="" method="post">
<input name="type" id="type" value="individuel" type="radio" /> Individuel <br/>
<input name="type" id="type" value="course"     type="radio" /> Course <br/>

<button class="n" type="submit">Create</button>
</form>

当我获得单选按钮的值时，当没有被选中时，我的 JQuery/Ajax 脚本返回第一个单选按钮。

$(document).ready(function(){
    $("form#create_form").submit(function() {
    var type = $('input:radio[name=type]:checked').val();
        ...

我希望用户被迫考虑选择哪个，而不仅仅是默认的。

这是怎么做到的？

更新:

我认为

$(document).ready(function(){
    $("form#create_form").submit(function() {
    var type = $('input:radio[name=type]:checked').val();

表示只获取带有id="create_form"的表单中单选按钮的值.

但是因为我有下面的表格(带有 <form id="something_else" )并且这些表格中的单选按钮也带有 name="type"它提取了该值。

改变 name=type至 name=cname在 html 和 JQuery 中都解决了这个问题。

听起来像是 JQuery 中的错误，不是吗？

Answer 1

尝试像这样定义变量(以获得空字符串):

var type = $('input:radio[name=type]:checked').val() || '';

嗯，好吧，回答关于让用户选择的问题......试试这个:

var type = $('input:radio[name=type]:checked').val();
if (typeof type === 'undefined') {
  alert('You must make a choice!'); 
  return false;
}