单选按钮无法提供所需的消息

时间:2015-02-24 10:34:26

标签: jquery html

我有以下内容:

  • 包含单选按钮的表行
  • 一个名为“问题”的链接,弹出一个提交按钮
  • 一个名为“details”的提交按钮,提供一个弹出窗口

我的问题是:

1。)如果我点击链接而没有选择单选按钮,我没有得到“必需”消息我的单选按钮反而弹出直接出现。现在,如果我点击“是”它显示“单选按钮需要”。

2.)我面临同样的问题直接点击详情按钮而不选择单选按钮。

我的单选按钮是:

<input type="radio" name="ID[]" value="<?php echo $total; ?>" id="inc_untraced"<?php echo $_POST['ID'][0]==$total ? 'checked':'';?> required />

1。)我的链接弹出代码:

<a href="#modalDialog1" id="btn">
                        Issue Notice</a>
<div id="modalDialog1" class="modalDialog">
<div>
<table id="pop">
<tr>
<td>Would you like to issue Notice?</td>
</tr>
<tr>
<td ><input type="submit" name="details" value="Yes" id="btnYES" formaction="notice.php" /></td>
</tr>
</table>
<a href="#close" title="Close" class="close">X</a>                  
</div>
</div>

2。)我的代码用于弹出按钮:

<input type="submit" name="details" value="Details" id="btndetails"   />
<div id="element_to_pop_up">
                </div> 

Jquery的:

(function($) 
{
    $(function() 
    {

        $('#btndetails').bind('click', function(e) {
        // Prevents the default action to be triggered. 
        e.preventDefault();
         var n=$('#inc_untraced:checked').val(); 
                var a=n.split("(!@!)");

                 $("#element_to_pop_up").html("Details are:a[0],a[1] .. /*some details*/");
                $('#element_to_pop_up').bPopup();
             });
      });
})(jQuery);

当我直接点击LINK和BUTTON而不是弹出按钮时,任何人都可以帮我获取单选按钮的“必需”信息吗?

PLZ注意:我不想使用警告框。

请帮助我!!

1 个答案:

答案 0 :(得分:0)

您可以在不需要的按钮点击时将收音机设置为true,或者禁用未选中的行按钮并启用唯一一个带有选中的收音机的按钮。这种方法会更加用户友好。

检查出来:http://jsfiddle.net/n9v4oe3a/4/