代码如下： 复制代码 代码如下: http://www.w3.org/1999/xhtml"> jquery点击复选框触发事件给input赋值-柯乐义 <br /> * {<br /> margin: 0;<br /> padding: 0;<br /> list-style-type: none;<br /> }<br /> a, img {<br /> border: 0;<br /> text-decoration: none;<br /> }<br /> body {<br /> font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";<br /> }<br /> table {<br /> empty-cells: show;<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> }<br /> /* tablist */<br /> .tablist {<br /> width: 400px;<br /> border: solid 8px #ddd;<br /> margin: 40px auto;<br /> }<br /> .tablist td {<br /> line-height: 24px;<br /> border-bottom: solid 1px #ddd;<br /> text-align: left;<br /> padding: 10px;<br /> }<br /> .tablist td input {<br /> line-height: 20px;<br /> margin-left: 5px;<br /> }<br /> .tablist td .txtValue<br /> {<br /> padding: 3px 0;<br /> width: 180px;<br /> }<br /> 全选 张三 李四 柯乐义 赵六 <br /> $(function(){<br /> $('[data-type="checkbox"]').click(function(){<br /> var data_value = $(this).attr('data-value'),<br /> txtalso = $.trim($(".txtValue").val());<br /> if($(this).prop("checked")) {<br /> if(txtalso.length > 0) {<br /> if(txtalso.indexOf(data_value+',') != -1) {<br /> return ;<br /> } else {<br /> txtalso += data_value + ',';<br /> }<br /> } else {<br /> txtalso = data_value+',';<br /> }<br /> } else {<br /> if(txtalso.indexOf(data_value+',') != -1) {<br /> txtalso = txtalso.replace(data_value+',', '');<br /> }<br /> }<br /> $(".txtValue").val(txtalso);<br /> });<br /> $('[data-type="checkall"]').click(function(){<br /> var str = '';<br /> if($(this).prop("checked")) {<br /> $.each($('[data-type="checkbox"]'), function(i){<br /> str += $(this).attr('data-value') + ',';<br /> });<br /> $('[data-type="checkbox"]').prop('checked', true);<br /> } else {<br /> $('[data-type="checkbox"]').prop('checked', false);<br /> }<br /> $(".txtValue").val(str);<br /> });<br /> });<br /> 以上就是本代码的全部了，小伙伴们自由扩展，美化，希望大家能够喜欢。
