选中checkbox赋值给input框
选中checkbox赋值给input框
GoodMarver 发表于2年前
选中checkbox赋值给input框
  • 发表于 2年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 安排人员值班功能,选中人员id传入到后台,从所有申请人id中剔除安排人的id,然后变为标识1。 此页面冗余度较大,只做参考。
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){  	
	   var  $week=$(".week");
	   var  week=$(".weeks");
	   $week.click(function(){
		var values="";
		var val="";
	   for(var i=0;i<$week.length;i++){
	   if($week[i].checked){
			  values  +=$week[i].value+',';
			  val+=week[i].value+',';
		   }
	   }
	    if(values!=""&&val!=""){
			values=values.substring(0,values.lastIndexOf(',')); 
			val=val.substring(0,val.lastIndexOf(','))
		} 
		$("#types").val(values)
		$("#ids").val(val);
	   });
	   
	    $("#checkall").click(function(){
			var str = "";
			var strs = "";
			var weeks=$(".weeks");
			if($(this).prop("checked")) {
				$.each($(".week"), function(i){
					str += $(this).attr('value') + ',';
					strs += $(weeks[i]).attr('value')+',';
				});
				$(".week").prop('checked', true);
			} else {
				$(".week").prop('checked', false);
			}
			 if(str!=""&&strs!=""){
				str=str.substring(0,str.lastIndexOf(',')); 
				strs=strs.substring(0,strs.lastIndexOf(','));
			} 
				$("#types").val(str);
				$("#ids").val(strs);
			
		}); 
	   
	})
</script>
</head>
<body>
<div>
	<form action="" method="post">
		<div class="tip"><span><b>安排排班人员</b></span></div>
		<p>
			<label>申请人员名单:</label>
	   		<input type="checkbox"  value="张三" class="week"   />
	   		<input type="hidden" name="id" class="weeks" value="1">张三</strong>
			<input type="checkbox"  value="李四" class="week"   />
	   		<input type="hidden" name="id" class="weeks" value="2">李四</strong>
		</p>
		
	    <p>
	    	<label>安排人员:</label>
	    	<textarea id="types" name="generalName"  class="textInput" maxlength="1000" style="width: 500px; height: 150px;"></textarea>
	    </p>
	    <input type="text" id="ids" name="ids" class="textInput"/>
	    
  		<div class="formBar">
  			<label style="float:left">
  				<input type="checkbox" id="checkall" />全选
  			</label>
			
			<button type="submit">提交</button>
			
		</div>
	</form>
</div> 
</body>
</html>


共有 人打赏支持
粉丝 0
博文 7
码字总数 3362
×
GoodMarver
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: