如何验证单选按钮和复选框？

Question

对于电台按钮：

$(document).ready(function() { 
     $('#select-number').click(function() { 
       if ($('input:radio', this).is(':checked')) { 
        return true; 
       } else { 
        alert('Please select something!'); 
        return false; 
      } 
     }); 

    }); 

没有选择单选按钮时它工作正常。但是，当我选择单选按钮并提交表单然后它也给我提示消息'Please select something!'是否有任何好的教程可用于使用Jquerynewbie进行验证。

Answer 1

看起来您正在附加submit按钮的click事件（内部没有输入元素）。相反，重视submit事件的形式为：

$(document).ready(function() { 
    $('#formID').submit(function() { 
     if ($('input:radio', this).is(':checked')) { 
      return true; 
     } else { 
      alert('Please select something!'); 
      return false; 
     } 
    }); 
}); 

这有醒目所有<form>可提交的方式，以及会在正确的位置input:radio按钮的优势。您也可以缩短/进一步简化了下去：

$(function() { 
    $('#formID').submit(function() { 
    if ($(this).find('input:radio:checked').length == 0) { 
     alert('Please select something!'); 
     return false; 
    } 
    }); 
}); 

Answer 2

jQuery的validation插件是相当不错的，易于上手。如果您是jQuery的新手，那么您最好尝试一下插件并专注于其他基础知识。你会发现一些验证，但这可以让你很快地验证（客户端）像专业人士。

Answer 3

我想这是因为你，如果一个无线电检查，而检查是否所有被检查没有看到

if ($(this).find("input:radio:checked").length > 0) { 
    return true; 
} 
else { 
    alert('Please select something!'); 
    return false; 
} 

Answer 4

我想这是因为通过“这个”作为第二个参数$的（ 'input：radio'）函数，因为将这个传递给调用使得jQuery能够在这个上下文中进行搜索（我认为这是提交按钮）。 尝试......

$(document).ready 
(
    function() 
    {   
    $('#select-number').click 
    (
    function() 
    {     
    if ($('input:radio').is(':checked')) 
    {      
     return true;     
    } 
    else 
    {      
     alert('Please select something!');      
     return false;    
    }   
    } 
    );  
    } 
); 

Answer 5

这可能是帮助Validation of radio button group using jQuery validation plugin