0

jqueryで複数のテキストフィールドを表示させたい..このテキストをクリックすると

<form>
<input  style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>
<font id="jqueryAdd">Add button</font>
</form>

これは、クリックしたときのテキストです。新しいテキスト フィールドが表示されます....

<font id="jqueryAdd">Add button</font>

脚本

最初はすべてのテキストフィールドが非表示になっています

$("#CrawlerField1").hide();
$("#CrawlerField2").hide();

jqueryAdd で定義された [追加] ボタンをクリックすると、前のテキスト フィールドが非表示になっているかどうかを確認します。次のテキスト フィールドが表示されます。

$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField").is(":visible"))
      $("#CrawlerField1").show();
        return false;
});
$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField1").is(":visible"))
      $("#CrawlerField2").show();
  return false;
});

このコードにより、開始時にすべてのボタンが表示されます!!

4

1 に答える 1

0

class次のようなすべての<input>タグに追加します

 <input class ="in" style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>

jqueryでこの行を追加して、最初にすべての入力を非表示にします。

$(".in").hide();
于 2012-04-30T06:51:37.363 に答える