我设置了一个可以选择和取消选择的DIV框网格。
我需要将多个选中框的ID传递给表单进行处理。这就是我所拥有的:
CODE:
$( function() {
$('div.foo-avail').click( function() {
$(this).toggleClass("foo-availsel");
} );
} );

div.foo-avail {
cursor: pointer;
float: left;
width: 16px;
height: 16px;
margin: 1px 1px 1px 1px;
border-width: 1px;
border-style: solid;
border-color: rgba(0,0,0,.2);
background-color:#cccccc;
font-size: 8px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
div.foo-availsel {
cursor: pointer;
float: left;
width: 16px;
height: 16px;
margin: 1px 1px 1px 1px;
border-width: 1px;
border-style: solid;
border-color: rgba(0,0,0,.2);
background-color:#1Ab394;
font-size: 8px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo-avail" id="1">1</div>
<div class="foo-avail" id="2">2</div>
<div class="foo-avail" id="3">3</div>
<div class="foo-avail" id="4">4</div>
&#13;
任何帮助都将不胜感激。
答案 0 :(得分:1)
您可以使用map()
从所选的id
元素中获取div
值的数组:
var selectedIds = $('.foo-availsel').map(function() {
return this.id;
}).get();
$('#selectedIds').val(selectedIds.join(','));
从那里你可以将这个变量提供给一个AJAX调用,或者将它设置为隐藏字段的值以传递给你的服务器端代码。