2

radio boxで aが選択されているかどうかを確認するための動的関数が必要divです。

radio button実際には、ユーザーが を選択せず​​に次のボタンを押すたびにエラー メッセージを表示したいと考えています。

私はこのページに取り組んでいます。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すべてを処理することを動的に表示する必要があります。

4

2 に答える 2

0 
$(".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");
    }
});
于 2012-11-11T14:04:40.143 に答える
0

これで少なくとも1つの項目がチェックされたかどうかを確認できます:

$(".urun input:checked").length() > 0
于 2012-11-11T13:57:21.993 に答える