收藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<textarea name="" id="" cols="30" rows="10" onkeyup="check(this)" maxlength="40"></textarea><span>你還可以輸入<b id="bb">40</b>個(gè)字</span>
</body>
<script>
var bb = document.getElementById('bb');
var num = bb.innerHTML;
//alert(num);
function check(obj){
//alert(obj);
//獲取當(dāng)前輸入的字符串
//alert(obj.value);
var msg = obj.value;
//alert(msg.length);
//用總數(shù)減去當(dāng)前輸入的字符串個(gè)數(shù)得到剩余的個(gè)數(shù)
str = num - msg.length;
//alert(str);
//判斷如果str小于0 我們就讓他不能輸入
if (str <= 0) {
str = 0;
// obj.disabled= true;
}
//需要將剩余的個(gè)數(shù)寫(xiě)入到b標(biāo)簽中
bb.innerHTML = str;
}
</script>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)