文档章节

选中checkbox赋值给input框

GoodMarver
 GoodMarver
发布于 2015/12/01 14:07
字数 316
阅读 175
收藏 0

精选30+云产品,助力企业轻松上云!>>>

<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
博文 9
码字总数 4013
作品 0
程序员
私信 提问
加载中
请先登录后再评论。
jQuery对表单元素的取值和赋值

$("#keyword")[0].value = ""; /获得TEXT.AREATEXT的值/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /获取单选按钮的值/ var valradio = $("i......

kt431128
2014/04/21
24
0
Jquery对表单的操作

jQuery读取input元素的值: <input type=”text” id=”keyword” /> 使用常规的思路:$(”#keyword”).value 取值是取不到的,因为此时$(’#keydord’)已经不是个element,而是个jquery对象...

wangxiaoyi
2012/10/04
15
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
20
0
Jquery给基本控件的取值、赋值

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

瑞不可挡
2011/01/08
1.4K
0
jquery 各种传值

jQuery操作input值总结 获取选中的值 获取一组radio被选中项的值 var item = $(“input[@name=items]:checked”).val(); 获取select被选中项的文本 var item = $("select[@name=items] opti......

osc_fzp57c02
2019/06/16
2
0

没有更多内容

加载失败,请刷新页面

加载更多

java常用开发支持类库

UUID类 UUID是一个生成无重复字符串的程序类(JDK1.5之后出现),这个程序类的主要功能是根据时间戳实现一个自动的无重复的字符串定义(无重复指的是出现重复的概率极低)。 一般在获取UUID时...

哼着我的小调调
17分钟前
15
0
亚马逊测评买家号多开_可以解决这个问题嘛?_微信公众号: VMlogin中文版

对于很多亚马逊卖家来说,做亚马逊测评是并不可少的,都在为了自己的店铺能够获得更多的销售,着重培养自己产品的各项属性,以求获得一个更好的权重排名从而获得更多的曝光,但是在旺季期间亚...

竹节猫-ASOer
24分钟前
10
0
从封装变化的角度看设计模式——对象创建

封装变化之对象创建 在对象创建的过程中,经常会出现的一个问题就是通过显示地指定一个类来创建对象,从而导致紧耦合。这是因为创建对象时指定类名将使你受特定实现的约束而不是特定接口的约...

良许Linux
25分钟前
0
0
Java基础系列——数组之java.util.Arrays使用以及可能出现的异常(12)

java.util.Arrays类即为操作数组的工具类,包含了用来操作数组(比 如排序和搜索)的各种方法。常用方法如下所示: boolean equals(int[] a,int[] b) 判断两个数组是否相等。 String toStrin...

卢佳鹏
38分钟前
19
0
Excel 2016如何删除带超链接表格前空格?

本文演示文档包含超链接。如图 先尝试使用trim和clean函数,=substitute(a1,char(9),"")公式。效果完全一致,超链接被删除。如下图 再次使用搜索引擎,网友给出建议,先提取超链接,删除空格...

白豆腐徐长卿
40分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部