1

本文介绍了一种使用JavaScript实现输入框字数实时统计的方法,并通过简单的单选框状态切换来演示如何操作DOM元素的状态。具体包括:1) 通过监听键盘抬起事件来更新显示当前输入框内的字符数量;2) 单选按钮默认选中状态的切换。

1、获取的当前输入的代码长度

2、一个单选框,默认选中,再次点击不选。

js:

function cha(){
  var curLength=$("#newmsg").val().length; 
  $("#textCount1").text($("#newmsg").val().length);
}

$(function(){
  var isChecked = true;
  $('#alt').click(function(){
  if(isChecked){
    $(this).removeAttr('checked');
  }else{
  $(this).attr('checked',true);
}

isChecked = !isChecked;
});
});

 

html的代码:

 1 <!--方法1对应的html--> 
 2 <div>
 3     <b>字数:<span id="textCount1"/></b>
 6     <textarea name="newtext" id="textMsg" cols="45" rows="4" onkeyup="cha();" />
 7 </div>
 8 
 9 <!--方法2对应的html--> 
10 <input type="hidden" name="alt" value="2"  /> 11 <label> 12 <input name="alt" type="radio" value="1" id="alt" checked/> 13 <b>单选框</b> 14 </label> 15

java 中代码:

int alt= Integer.parseInt(request.getParameter("alt"));//获取是否选中,然后根据业务 做具体判断

转载于:https://www.cnblogs.com/wkaixinyy/p/4683551.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值