title: Show alert() if no radio button is selected
body: <p>After click the button "Delete", How to display an alert if none of radio button is selected. My html form </p>
  
  <pre><code>&lt;form name="Action" method="post" action="RequestAction"&gt;
                      &lt;table width="800px" cellpadding="5" style="color:black; border-top:1px solid #ccc;" border="0"&gt;
                      &lt;/table&gt;
                      &lt;div id="container"&gt;
                      &lt;div id="demo_jui"&gt;
                      &lt;table id="requestList" class="display" cellpadding="0" cellspacing="0" border="0" style="font-size:12px;" &gt;
                      &lt;thead id="headed"&gt;
                          &lt;tr&gt;
                              &lt;th  align="center" title="Employee"&gt;Employee&lt;/th&gt;
                              &lt;th  align="center" title="Number of Days"&gt;Number of Days&lt;/th&gt;
                              &lt;th  align="center" title="Start Date"&gt;Start Date&lt;/th&gt;
                              &lt;th  align="center" title="End Date"&gt;End Date&lt;/th&gt;
                              &lt;th  align="center" title="Leave Type"&gt;Leave Type&lt;/th&gt;
                              &lt;th  align="center" title="Remark"&gt;Remark&lt;/th&gt;
                              &lt;th  align="center"&gt;Approve&lt;/th&gt;
                              &lt;th  align="center"&gt;Reject&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;&lt;/tbody&gt;
                      &lt;/table&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                          &lt;table&gt;                 
                          &lt;tr&gt;
                              &lt;td style="padding-left:0px;" colspan="3"&gt;
                                  &lt;a href="#"&gt;&lt;img src="images/Submit.png" style="border:none;" onClick="javascript:Go()"
                                  onmouseover="this.src='images/Submit_Hover.png'" onmouseout="this.src='images/Submit.png'"/&gt;&lt;/a&gt;
                                  &amp;nbsp;&amp;nbsp;&amp;nbsp;
                                  &lt;a href="#"&gt;&lt;img src="images/Reset.png" style="border:none;" onClick="javascript:clearForm()"
                                  onmouseover="this.src='images/Reset_Hover.png'" onmouseout="this.src='images/Reset.png'"/&gt;&lt;/a&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/form&gt;
  </code></pre>
  
  <p>The radio button value will be retrieved in table. When I test it, if click submit button without select any radio button, i will get error</p>
  
  <p>In function Go(), is the way validate radio button correct? Thank you</p>
  
  <pre><code>function Go() {
                  if( $('form[name=Action] input[name=statusList]:checked').length == 0)
                  {
                      $('form[name=Action]').submit();
                  }
                  else
                  {
                      alert("Please select at least one to delete");
                  }
              }
  </code></pre>