ボタンクリックで2つの異なる入力からテキストを切り替えるにはどうすればよいですか？

私は2つの異なるテキストボックスの入力を取ろうとしており、ボタンのクリックでテキストを入れ替えようとしていますボタンクリックで2つの異なる入力からテキストを切り替えるにはどうすればよいですか？

悲しいことに、何も起こっていません。超シンプルなものが欠けていますか？

<input type="text" id="string1" class="str_1 inputs" value="type something pointless"/> 
<input type="button" onClick="switchITup();" id="theButton" value="do something amazing"> 
<input type="text" id="string2" class="str_2 inputs" value="type something meaningful"/> 

function switchITup(){ 
var val1 = $('#string1').val; 
var val2 = $('#string2').val;  

$('#string1').text(val2);  
$('#string2').text(val1);  

$('#string1').removeClass('inputs'); 
$('#string1').addClass('YooHoo');  

};

コデペンhere。

出典

2017-07-20 Temple

あるべきと考えている： -

function switchITup(){ 
 
    var val1 = $('#string1').val(); 
 
    var val2 = $('#string2').val();  
 

 
    $('#string1').val(val2);  
 
    $('#string2').val(val1);  
 

 
    $('#string1').removeClass('inputs'); 
 
    $('#string1').addClass('YooHoo');  
 
};

.inputs{ 
 
font-size:20px; 
 
} 
 

 
.YooHoo{ 
 
font-size:12px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="string1" class="str_1 inputs" value="type something pointless"/> 
 

 
<input type="button" onClick="switchITup();" id="theButton" value="do something amazing"> 
 

 
<input type="text" id="string2" class="str_2 inputs" value="type something meaningful"/>

注： - それがうまく機能していることを示すスタイルを追加しました

出典

2017-07-20 17:49:16

時間がアップしているとき、私は答えとしてあなたを追加します、ありがとうございます！ – Temple

はい私はしますが、私はスタックが私もあまりにも私を許可する前に、時間制限が最初になるのを待つ必要があります:) – Temple

@おかげで:) :) :) –

私は（valがval()とtext()val()する必要がありますする必要があります）、それは.val()の代わりに、あなたのコードで.val

出典

2017-07-20 17:49:10

この半分だけですsolution.Still 1 –

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("input:text").val("new value"); 
 
    }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 

 
<p>Name: <input type="text" name="user"></p> 
 

 
<button>Set the value of the input field</button> 
 

 
</body> 
 
</html>

出典

2017-07-20 17:55:05 Nihal

ボタンクリックで2つの異なる入力からテキストを切り替えるにはどうすればよいですか？

答えて

関連する問題