javascript-单击按钮时,输入文本需要区分大小写.为此无法创建JS

我需要创建两个输入文本框,当单击“大写”按钮时,输入文本全部以大写形式返回;当单击“小写”按钮时,输入文本以小写形式返回.因此,例如:

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的示例

上一篇:在java中查找字符串的所有大写字母


下一篇:使用Pandas将整个数据帧从小写转换为大写