如何使用jQuery單擊輸入元素後顯示或隱藏元素？

我有這段代碼。當我使用它與鏈接或div時，它運作良好。但是當我想在點擊一個輸入後顯示或隱藏一個元素時，它就不起作用。這是HTML代碼：如何使用jQuery單擊輸入元素後顯示或隱藏元素？

<div class="form"> 
    <div class="row sec"> 
    <div class="large-3 columns"> 
    Select a subject 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio science_b"><input type="radio" class="science_b" name="subject" value="Science" ><label for="subject"><span class="science_b"></span>Science</label></div> 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio"><input type="radio" class="language_b" name="subject" value="Language" ><label for="subject"><span></span>Language</label></div> 
    </div> 
    <div class="large-3 columns"> 
     <div class="radio"><input type="radio" class="humanistic_b" name="subject" value="Humanistic" ><label for="subject"><span></span>Humanistic</label></div> 
    </div> 
    </div> 
</div> 

<div class="humanistic"> 
</div> 
<div class="humanistic"> 
</div> 
<div class="humanistic"> 
</div>

這是jQuery的

$(document).ready(
    function() { 
     $(".science_b").click(function() { 
      $(".science").show("slow", "swing"); 
      $(".humanistic").hide(); 
      $(".language").hide(); 
     }); 
     $(".language_b").click(function() { 
      $(".language").hide(); 
      $(".science").show("slow", "swing"); 
      $(".humanistic").hide(); 
     }); 
     $(".humanistic_b").click(function() { 
      $(".humanistic").show("slow", "swing"); 
      $(".language").hide(); 
      $(".science").hide(); 
     }); 
    });

感謝您的幫助。

來源

2017-03-06 Alvaro López Sánchez

對於單選按鈕或複選框，使用'.focus' https://api.jquery.com/focus/輸入文本或'.change'並選擇 – Roljhon

這是你正在嘗試做什麼？ http://codepen.io/anon/pen/BWLmPR –

經過一次又一次的嘗試，並考慮到您的意見後，我意識到有一個插件的問題，我用這個插件來設計按鈕風格。我刪除它，它的工作。謝謝。 –

經過一次又一次的嘗試，並考慮到您的意見，我意識到有一個插件，我正在使用的形式來按鈕風格化的問題。我刪除它，它的工作。謝謝。

來源

2017-03-06 17:27:16

如何使用jQuery單擊輸入元素後顯示或隱藏元素？

回答

相關問題