首页 > 编程语言> > javascript-单击按钮时,输入文本需要区分大小写.为此无法创建JS

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

2019-11-20 06:36:26 作者：互联网

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

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

标签：uppercase,onclick,html,javascript,lowercase
来源： https://codeday.me/bug/20191120/2041985.html