jquery-ui复选框选中并把值放到text文本框中

<scriptsrc="<%=request.getContextPath()%>/resources/js/jquery-1.11.0.min.js"type="tex... <script src="<%=request.getContextPath() %>/resources/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<td align="left" width="150px;" >
<input type="checkbox" value="1"/>周一
<input type="checkbox" value="2"/>周二
<input type="checkbox" value="3"/>周三
<input type="checkbox" value="4"/>周四
<input type="checkbox" value="5"/>周五
<input type="checkbox" value="6"/>周六
<input type="checkbox" value="7"/>周日
<input type="text" id="weekdate" name="weekdate"/>
</td>
帮我一下吧，谢谢！！！展开

 我来答

2个回答

#合辑# 机票是越早买越便宜吗？

shqzzy
推荐于2018-03-08 · TA获得超过475个赞

知道小有建树答主

回答量：309

采纳率：22%

帮助的人：125万

我也去答题访问个人页

关注

展开全部

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <title>Document</title>
 </head>
 <body>
<td align="left" width="150px;" >
                                    <input type="checkbox"  value="1"  class="week"/>周一
                                    <input type="checkbox"  value="2" class="week" />周二
                                    <input type="checkbox"  value="3" class="week" />周三
                                    <input type="checkbox"  value="4" class="week" />周四
                                    <input type="checkbox"  value="5" class="week" />周五
                                    <input type="checkbox"  value="6" class="week" />周六
                                    <input type="checkbox"  value="7" class="week" />周日
                                    <input type="text" id="weekdate" name="weekdate"/>
                                </td>

先给复选框定义同一个class，下面是jquery实现：

<script type="text/javascript">
$("input.week").each(function(){//给所有的input绑定事件
	 $(this).click(function(){
	     var l=[]; //创建空数组l
		 $("input.week:checked").each(function(i){l[i]=this.value});
		 //将所有的选中的值存放l
		 $("#weekdate").val(l.join(","));//将数据值联合字符串给显示对象附值
		})})
</script>
 </body>
</html>

有事件，就要将所有的对象用JQ的 each方法绑定事件
只要选中对象的值，就可以用JQ的属性筛选器:checked 过滤

代码演示通过，如上。

已赞过 已踩过<

评论收起

cc曹小明
推荐于2017-11-27 · 超过19用户采纳过TA的回答

知道答主

回答量：60

采纳率：0%

帮助的人：24.7万

我也去答题访问个人页

关注

展开全部

<td align="left" width="150px;" >
                                    <input type="checkbox"  value="1"  class="week"/>周一
                                    <input type="checkbox"  value="2" class="week" />周二
                                    <input type="checkbox"  value="3" class="week" />周三
                                    <input type="checkbox"  value="4" class="week" />周四
                                    <input type="checkbox"  value="5" class="week" />周五
                                    <input type="checkbox"  value="6" class="week" />周六
                                    <input type="checkbox"  value="7" class="week" />周日
                                    <input type="text" id="weekdate" name="weekdate"/>
                                </td>

先给复选框定义同一个class，下面是jquery实现：

<script type="text/javascript">
$(function(){
  
   var  $week=$(".week");
   $week.click(function(){
    var values="";
   for(var i=0;i<$week.length;i++){
   if($week[i].checked){
          values  +=$week[i].value;

       }
   }
    $("#weekdate").val(values)
   
   });

})
</script>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jquery-ui复选框选中并把值放到text文本框中

其他类似问题

为你推荐：