Javascript 如何在单击按钮时从两个不同的输入切换文本？

我正在尝试输入两个不同的文本框，并在单击按钮时交换文本

可悲的是，什么都没有发生。我错过了一些超级简单的东西吗

<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');    

};

函数开关itup（）{
var val1=$（'#string1'）.val；
var val2=$（'#string2'）.val；
$（'#string1'）.text（val2）；
$（'#string2'）.text（val1）；
$（'#string1'）。removeClass（'inputs'）；
$（'#string1'）.addClass（'YooHoo'）；
};

---

代码笔。

我认为它应该是

.val（）

而不是

.val

我认为它应该是

.val（）

而不是

.val

在你的代码中（

val

需要是

val（）

和

text（）

需要是

val（）

）：-

功能切换itup（）{
var val1=$（'#string1'）.val（）；
var val2=$（'#string2'）.val（）；
$（'#string1'）.val（val2）；
$（'#string2'）.val（val1）；
$（'#string1'）。removeClass（'inputs'）；
$（'#string1'）.addClass（'YooHoo'）；
};
。输入{
字体大小：20px；
}
YooHoo先生{
字体大小：12px；
}

在代码中（
val
需要是
val（）
和
text（）
需要是
val（）
）：-


功能切换itup（）{
var val1=$（'#string1'）.val（）；
var val2=$（'#string2'）.val（）；
$（'#string1'）.val（val2）；
$（'#string2'）.val（val1）；
$（'#string1'）。removeClass（'inputs'）；
$（'#string1'）.addClass（'YooHoo'）；
};
。输入{
字体大小：20px；
}
YooHoo先生{
字体大小：12px；
}



$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“输入：文本”）.val（“新值”）；
});
});
姓名：

设置输入字段的值


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“输入：文本”）.val（“新值”）；
});
});
姓名：

设置输入字段的值
谢谢，时间到了我会加上你作为答案！是的，我会的，但我必须先等时间限制到了，然后再去堆栈允许我：）@Temple很高兴帮助你：）：）谢谢，时间到了我会加上你作为答案的！是的，我会的，但我得先等时间限制到了，然后再去堆栈允许我：）@Temple很高兴帮助你：）：）这只是半个解决方案。仍然+1这只是半个解决方案。仍然+1