如何在 div 中选中单选框动态检查

Posted 2023-03-27

【中文标题】如何在 div 中选中单选框动态检查

【英文标题】：How to check dynamically with radio box is selected in the div

【发布时间】：2012-10-31 04:02:55

【问题描述】：

我需要一个动态函数来检查radio box 是否在div 中被选中。

实际上，我希望每次用户在不选择radio button 的情况下按下下一步按钮时显示一条错误消息。

我正在处理这个page。 ILERI 表示 NEXT。

这些是 div。上面引用的页面上有 9 个 div。

<div id="div2" class="targetDiv">
    <a id="back"  class="ileri-geri" target="1"  >GERİ</a> <h1>Cep Çesitleri</h1>
    <a  class="ileri-geri" target="3">İLERİ</a>
    <div class="urunler">
        <ul class="urun">
            <li><img src="imagesBOX/items/cepsayisi/0.jpg"></li>
            <li><p>Cepsiz</p><input type="radio" name="cep_cesitleri" value="0" /></li>
            <li></li>
        </ul>

        <ul class="urun">
            <li><img src="imagesBOX/items/cepsayisi/1.jpg"></li>
            <li><p>Tek Cepli</p><input type="radio" name="cep_cesitleri" value="1" /></li>
            <li></li>
         </ul>

        <ul class="urun">
            <li><img src="imagesBOX/items/cepsayisi/2.jpg"></li>
            <li><p>Çift Cepli</p><input type="radio" name="cep_cesitleri" value="2" /></li>
            <li></li>
        </ul>

        <h1>Cep Sayisi</h1><br/>


        <?php foreach($Secondresult As $jcRow):  ?>
                <ul class="urun">
                <li><img src="imagesBOX/items/cep_cesitleri/<?php echo $jcRow->image ?>" /></li>
                <li><p><?php echo $jcRow->title ?></p><input type="radio" name="cep_cesitleri" value="<?php echo $jcRow->id ?>" /></li>
                <li></li>
                </ul>
          <?php endforeach; ?>


        </div>



    </div>
   <!----2nd page--->

这是隐藏所有 div 并仅根据 tag 的 target 属性显示 div 的 javascript。

<script type="text/javascript">
    $(document).ready(function()                          
        $('.targetDiv').hide();
        $('#divfirst').show();
        $(".ileri-geri").click(function(event)
            $('.targetDiv').hide();
            $('#div'+$(this).attr('target')).fadeIn('slow');
            //alert("Redirecting you to jQuery.com!");
        );
</script>

现在我想要这样，如果用户点击ILERI 按钮而不选择单选选项，则会出现错误消息，但该函数应动态显示它处理此页面上的所有 9 个 div。

【问题讨论】：

谢谢你们的回答，但我想要一个动态函数

我已经更新了我的代码，check and try it please

【参考方案1】：

您可以检查是否至少检查了一项：

$(".urun input:checked").length() > 0

【参考方案2】：

$(".ileri-geri").click(function(event)
    //you have to detect the visable .targetDiv first
    if($('.targetDiv:visible input:checked').length() > 0) 
        $('.targetDiv').hide();
        $('#div'+$(this).attr('target')).fadeIn('slow');
    else
        alert("Error");
    
);