input中复选框如何取值和修改是勾选上

jQuery操作案例：电影类型选择

最新推荐文章于 2025-07-04 17:00:07 发布

原创最新推荐文章于 2025-07-04 17:00:07 发布 · 6.2k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#struts #spring #java #eclipse

java 同时被 2 个专栏收录

27 篇文章

订阅专栏

eclipse

14 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的电影类型选择功能。通过jQuery选取已选中的复选框值，并将这些值以特定格式返回。同时展示了如何将一组字符串值设置为对应复选框的选中状态。涉及的HTML结构包括表格和复选框元素。

1.取值

var tmovie=$("input[name='ck']:checked").map(function(index,elem){return $(elem).val();}).get().join('、');

2.赋值并勾选

var tm=mydata.movie.tmovie;
				var n=tm.split('、');
				$.each(n, function(index,elem) {
					$("input[value='"+elem+"']").prop("checked",true);
	              });

3.html

<tr>
       <td class="topdown"  id="fxk">电影类型：</td>
      	  <td class="topdown"><input type="checkbox"  name="ck" value="喜剧">喜剧<input type="checkbox" name="ck"  value="动作">动作<input type="checkbox" name="ck"  value="惊悚">惊悚<input type="checkbox" name="ck"  value="爱情">爱情</td> 
       </tr>