文档章节

选中checkbox赋值给input框

GoodMarver
 GoodMarver
发布于 2015/12/01 14:07
字数 316
阅读 7
收藏 0
<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>


© 著作权归作者所有

共有 人打赏支持
GoodMarver
粉丝 0
博文 8
码字总数 3511
作品 0
程序员
私信 提问
Jquery给基本控件的取值、赋值

Jquery给基本控件的取值、赋值 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'')...

瑞不可挡
2011/02/21
0
0
jquery 获取及设置input各种类型的值

获取 input 的 value var searchval = $("#searchinput").val(); 转自:http://www.cnblogs.com/myfjd/archive/2011/11/25/2263702.html 获取选中的值 获取一组radio被选中项的值 var item =......

james_laughing
2016/12/27
3
0
jQuery的选择器(四)

三、过滤选择器 5. 子元素过滤选择器 :nth-child :nth-child(index):获取第index个子元素 ,index从1开始,与:eq(index)区别开 :nth-child(even):获取第偶数个子元素 :nth-child(odd):获取第...

博为峰教研组
2016/12/07
5
0
Jquery给基本控件的取值、赋值

Jquery给基本控件的取值、赋值 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'')...

瑞不可挡
2011/01/08
0
0
jquery radio取值,checkbox取值,select取值,radio选中,checkbo

一、jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var l......

乐派电影
2014/03/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Dubbo分析之Cluster层

系列文章 Dubbo分析Serialize层 Dubbo分析之Transport层 Dubbo分析之Exchange 层 Dubbo分析之Protocol层 前言 紧接上文Dubbo分析之Protocol层,本文继续分析dubbo的cluster层,此层封装多个提...

ksfzhaohui
18分钟前
0
0
linux Ubuntu 安装 hyperledger fabric

一、apt-get update 二、安装docker sudo apt-get install docker.io 如果安装报错:E: Unable to locate package,请执行第一条。 # docker -v Docker version 1.6.2, build 7c8fca2 # dock......

八戒八戒八戒
21分钟前
1
0
神经网络基础及Keras入门

神经网络定义 人工神经网络,简称神经网络,在机器学习和认知科学领域,是一种模仿生物神经网络(动物的中枢神经系统,特别是大脑)的结构和功能的数学模型或计算模型,用于对函数进行估计或...

Python女神
22分钟前
1
0
Pycharm上Django的使用 Day9

编辑条目: 1.创建edit_entry的URL模式 形参entry_id存储在URL中传递的ID,这个URL模式将预期匹配的请求发送给视图函数edit_entry() 2.编写视图函数edit_entry() 1处获取用户要修改的条目对象...

不会TC的猫
22分钟前
1
0
夹点getGripPoints/捕捉点getOsnapPoints

已知圆外一点,以及圆心半径,求圆的切点: 方法1: (b-y/a-x)*(n-y/m-x)=-1(a-x)平方+(b-y)平方=r平方联立方程组求解 方法1: CPoint CalcQieDian(CPoint ptCenter, CPoint ptOutside, do...

一个小妞
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部