0

親愛なる私は2つのテキストと2つのチェックボックスを持っています：

<input type="checkbox" id="class1">
<input type="checkbox" id="class2">

<div id="hidden">
<input type="text" id="valclass1">
<input type="text" id="valclass2">
</div>

show button「class1」をチェックして「valclass1」をクリックすると表示されます。しかし、チェックされていない場合、それは隠されています。どうすればそれを行うことができますか？

4

1 に答える 1

0

私はこのようにします：

<script type="javascript/text" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="javascript/text">
$(function()
{
    $('#ShowButton').click(function()
    {
        if($('#class1').is(':checked')) $('#valclass1').show();
        if($('#class2').is(':checked')) $('#valclass2').show();
    });
});
</script>

<input type="checkbox" id="class1">
<input type="checkbox" id="class2">

<input type="button" id="ShowButton" />

<input type="text" id="valclass1" style="display: none">
<input type="text" id="valclass2" style="display: none">

それはうまくいくでしょうが、おそらくあなたの質問には答えません。独自のソリューションを展開できるようにするには、JavaScriptについてさらに学ぶ必要があります。

W3CのJavaScriptチュートリアルをご覧ください

于 2010-08-30T07:11:32.180 に答える