#解決したいこと
jQueryのclickイベントを使用して、文字列と文字列をif文の条件式で比較して動作させたいです。
動作内容は、
- input[type="button"]のvalueを変更
- p要素を表示、非表示にする
です。
#コード
html
1<p class="show">sample</p> 2<p class="hidden">sample-hidden</p> 3<input class="btn" type="button" value="ボタン"> 4
jQuery
1$(function(){ 2 $('.btn').click(function(){ 3 var $btn = $(this).val(); 4 var $btnButton = $(this).val('ボタン'); 5 if($btn.equals($btnButton)){ 6 $(this).val('ok'); 7 $('.show').hide(); 8 $('.hidden').show(); 9 alert('true'); 10 } else { 11 $btnButton; 12 $('.show').show(); 13 $('.hidden').hide(); 14 alert('faluse'); 15 }); 16});
ちなみに、ボタンをクリックしてもalert();がどちらも動作しませんでした。
それと、オブジェクト$('.btn')を$('input[type="button"]')にしても同じでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/20 16:10