javascript - JQuery ボタンの各クリック、フォームの表示/非表示

Question

私はここで始めたばかりだと思うので、この初心者の質問にかなりイライラしているので、あらゆる種類の助けを探すこともできます...

作成したフォームをワンクリックで表示するボタンがありますが、別のボタンが付いた別のフォームを表示したいときに問題が発生します。

私が欲しいのは、基本的にそれがbuttonA表示されることですformAが、クリックすると、非表示にして表示しbuttonBたいです。今何が起こっているかというと、とを重ねているということです。formAformBformAformB

これが私の現在のコードです..

function runEffect() {
  $( "#effect" ).show( "drop");
};

function runEffect2() {
  $( "#effect2" ).show( "drop");
};


//callback function to bring a hidden box back
function hideEffect() {
    $( "#effect:visible" ).hide( "drop");

};

// set effect from select menu value

$( "#button" ).each(function(index) {
  $(this).click(function(){
  runEffect();
    });
});

$( "#button2" ).each(function(index) {
  $(this).click(function(){
  runEffect2();
    });
});

$( "#effect" ).hide();
$( "#effect2" ).hide();

私はこれが簡単であることを知っていますが、それに対する答えを見つけることができないようです.

ありがとう！

score 1 · Accepted Answer

これを試して

function runEffect() {
  $( "#effect" ).show( "drop");
  $( "#effect2" ).hide( "drop");
};

function runEffect2() {
 $( "#effect2" ).show( "drop");
 $( "#effect" ).hide( "drop");
};

score 0 · Accepted Answer

私はそれをテストしていませんが、より動的な機能が必要な場合があります。ボタンクラスは「formButton」のようなもので、id は「form1Button」のようなものである必要があり、フォーム ID は「form1」などである必要があります。

(フォーム 2 にはクラス「formButton」、「form2Button」のような ID を持つボタンがあり、フォーム 2 には ID「form2」が必要です

$(".formButton").click(function(e) {
    e.preventDefault(); //prevent default action

    var id = $(this).attr('id');
    var formId = id.replace('Button', '');

    $('#' + formId).show(); 
    $('form').not(document.getElementById(formId)).hide();

});

formButton をクリックすると、フォームが表示されます。要求された ID を持たない他のすべてのフォームは非表示になります。

score 0 · Accepted Answer

0

$('#buttonB').click(funciton()(
$('#formA').hide();
$('#formB').show();
});

このようなもの？

于 2013-02-04T08:04:23.380 に答える

javascript - JQuery ボタンの各クリック、フォームの表示/非表示

3 に答える 3

Related

Reference