文档章节

选中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 获取及设置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给基本控件的取值、赋值

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

瑞不可挡
2011/01/08
0
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/02/21
0
0
jquery 学习

1.常见的jquery 对象操作 jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相......

晨曦之光
2012/03/09
63
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
8
0
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
2
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
4
0
mysql分区功能详细介绍,以及实例

一,什么是数据库分区 前段时间写过一篇关于mysql分表的的文章,下面来说一下什么是数据库分区,以mysql为例。mysql数据库中的数据是以文件的形势存在磁盘上的,默认放在/mysql/data下面(可...

吴伟祥
今天
3
0
SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部