0

私はこのフォームを持っています： 

<form>
        <div class="box">
            <h1>Contact form :</h1>
            <label>
                <span>Typ: </span>
                <input type="radio" name="typ" value="admin" />admin<br />
                <input type="radio" name="typ" value="user" />user<br />
            </label>
            <label>
                <span>E-mail :</span>
                <input type="text" class="post" name="email" id="email"/>
            </label>
            <label>
                <span>Subject :</span>
                <input type="text" class="post" name="subject" id="subject"/>
            </label>

            <label>
                <span>If admin :</span>
                <input type="text" class="post" name="ifadmin" id="ifadmin"/>
            </label>

        </div>
    </form>

そのようなことを行う方法：最初のラジオを選択した場合、「admin」はjqueryで動的に表示され、「ifadmin」を選択した場合、「user」は表示されませんか？

4

3 に答える 3

0

これは、次のコードで実行できます。次のようなラベルにclassor （ jQueryidでの操作が簡単になります）を付けますifadmin

<label class="ifadmin">
                <span>If admin :</span>
                <input type="text" class="post" name="ifadmin" id="ifadmin"/>
            </label>

そしてshow/hideそれchangeはラジオのコールバックにあります。

$('input[name=typ]').on('change',function(){
        if($(this).val() == 'admin')
          $('.ifadmin').show();
       else
          $('.ifadmin').hide();           
    });

デモ： http： //jsfiddle.net/joycse06/dSEzE/

.show()とについてもっと読む.hide()

于 2012-06-25T07:22:21.913 に答える
0

これを読む

JAVASCRIPT

function pilihanmu(){
    var val = 0;
    for( i = 0; i < document.contoh.pilihan.length; i++ ){
        if( document.contoh.pilihan[i].checked == true ){
            val = document.contoh.pilihan[i].value;
            if(val=='3'){
                document.contoh.opsional.disabled = false;      
            }
            else{
                document.contoh.opsional.disabled = true;
            }
        }
    }
}

HTML

<form name="contoh">
    <input type="radio" name="pilihan" value="1" onclick="pilihanmu()"> Google<br>

    <input type="radio" name="pilihan" value="2" onclick="pilihanmu()"> Momonimo<br>

    <input type="radio" name="pilihan" value="3" onclick="pilihanmu()"> Lainnya..<br>

            <input type="text" name="opsional" class="text" disabled="">            
</form>
于 2012-06-25T07:22:34.647 に答える
0

ifadminのにid='ifadmin'を指定し、<label>このコードをフォームのすぐ上または先頭に配置します。

 <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){

$("input:radio[name=typ]").click(function() {
    if($(this).val()=="admin")
    $("#ifadmin").css("display","none");
    else
    $("#ifadmin").css("display","block");
});




    });
    </script>
于 2012-06-25T07:27:03.677 に答える