我需要创建两个输入文本框,当单击“大写”按钮时,输入文本全部以大写形式返回；当单击“小写”按钮时,输入文本以小写形式返回.因此,例如：
Text: SuNsHiNe ToDaY
(upper case button)= SUNSHINE TODAY
(lower case button)= sunshine today
我粘贴了以下html代码,并需要帮助来创建JS代码：
<!doctype html>
<html>
<head>
<script src='../p3-case.js'></script>
</head>
<body>
<form action="demo_form.asp" id="demo_form">
Phrase:
<input type="text" id="input1" name="changeCase" placeholder="Put Phrase Here">
<br>
<input type="button" id="btn1" value="upperCase"/>
<input type="button" id="btn2" value="lowerCase"/>
</form>
</body>
</html>解决方法:
我认为您只需要使用Jquery就不需要使用任何外部js
您需要使用toLowerCase()和toUpperCase()
$("#btn1").click(function(){
var input = $("#input1");
input.val(input.val().toUpperCase());
});
$("#btn2").click(function(){
var input = $("#input1");
input.val(input.val().toLowerCase());
});
这是jsbin JSBIN的示例