JS 大小写转换问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 大小写转换问题相关的知识,希望对你有一定的参考价值。

<html>
<head>
<script type="text/javascript">
function convertToUcase()

document.getElementById("fname").value=document.getElementById("fname").value.toUpperCase()
document.getElementById("lname").value=document.getElementById("lname").value.toUpperCase()
document.getElementById("xlname").value=document.getElementById("xlname").value.toLocaleLowerCase();

function tobig()
document.getElementById("xname").value=document.getElementById("xname").value.toLocaleLowerCase();

</script>
</head>

<body>
<form name="form1">
dbx:<input type="text" id="fname" size="20" />
xbd:<input type="text" id="xlname" size="20" />
<br /><br />
convertToUcase()函数中 可以转换成大写<input type="checkBox" onclick="if (this.checked) convertToUcase()">
<br /><br />
convertToUcase()中不能实现转换成小写<input type="checkBox" onclick="if (this.checked) convertToUcase()">

<br /><br />
<input type="text" id="xname" />
<input type="button" onClick="tobig()">
另外调用tobig()函数就调用成功了 <input type="checkBox" onclick="if (this.checked) tobig()">
</form>
</body>这样的代码 我在input中调用convertToUcase() 可以实现大写但是不能转换小写
但是我另外写了个tobig()函数调用就 可以实现小写了。。。为什么不能在同一个函数中同时转换大小写。。。新手求指导。。高手们如果看不懂文字叙述 有空的话复制下代码看下就知道我要问的是什么。。

function convertToUcase()

document.getElementById("fname").value=document.getElementById("fname").value.toUpperCase();
document.getElementById("xlname").value=document.getElementById("xlname").value.toLowerCase();

你没有lname输入框,第二句出错,第三句不会运行,删了就行了,另小写直接用toLowerCase
参考技术A 一个事件只能运行一次,不能同时写在一起。

以上是关于JS 大小写转换问题的主要内容,如果未能解决你的问题,请参考以下文章

js字符串大小写转换的几种方法

js replace 匹配转换字符大小写

js字母大小写转换方法

如何在 Vue.js 中将驼峰大小写转换为正确大小写?

JS大小写转换

JS数字小写转换大写