2

ラジオボックスが選択されている場合、divを表示したいだけです。それは単純なようで、オンラインのほとんどのチュートは2つのオプションのためのものですが、私の例では3つあります。

これに関する論理は私にちょうど失われました。どんな助けでも大歓迎です。

<!-- // Javascript // -->
<script language="JavaScript" type="text/javascript">
function showhidediv(rad){
var rads=document.getElementsByName(rad.name);
document.getElementById('one').style.display=(rads[1].checked)?'block':'none' ;
document.getElementById('two').style.display=(rads[2].checked)?'block':'none' ;
document.getElementById('three').style.display=(rads[3].checked)?'block':'none' ;
}
</script>

<form name="create" id="create" method="post" enctype="multipart/form-data">

<input name="pagetype" type="radio" value="1" onclick="showhidediv(this);"/>One <br />
<input name="pagetype" type="radio" value="2"  onclick="showhidediv(this);"/>two<br>
<input name="pagetype" type="radio" value="3"  onclick="showhidediv(this);"/>three<br>

<div id="one" class="CF" style="display:none;"  >One </div>
<div id="two" style="display:none;" class="CF" >Two</div>
<div id="three" style="display:none;" class="CF" >Three</div>

</form>
4

2 に答える 2

4 
<script language="JavaScript" type="text/javascript">
function showhidediv(rad){
var rads=document.getElementsByName(rad.name);
document.getElementById('one').style.display=(rads[0].checked)?'block':'none' ;
document.getElementById('two').style.display=(rads[1].checked)?'block':'none' ;
document.getElementById('three').style.display=(rads[2].checked)?'block':'none' ;
}
</script>

これを使用してください..私が変更したのは

rads は配列なので、最初の要素のインデックスは 0 です

于 2013-03-20T03:34:40.697 に答える
2

ラジオ ボタンのインデックスは 0 から始まります。

変更：

function showhidediv( rad )
    {
        var rads = document.getElementsByName( rad.name );
        document.getElementById( 'one' ).style.display = ( rads[0].checked ) ? 'block' : 'none';
        document.getElementById( 'two' ).style.display = ( rads[1].checked ) ? 'block' : 'none';
        document.getElementById( 'three' ).style.display = ( rads[2].checked ) ? 'block' : 'none';
    }
于 2013-03-20T03:43:14.313 に答える