选中checkbox赋值给input框

最新推荐文章于 2023-09-10 01:31:19 发布

chouqifeng8217

最新推荐文章于 2023-09-10 01:31:19 发布

阅读量878

点赞数

文章标签： javascript 开发工具 c# ViewUI

原文链接：https://my.oschina.net/mavers/blog/537823

版权

<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>

转载于:https://my.oschina.net/mavers/blog/537823