JQuery在单击另一个复选框时选择多选的多项选项

时间:2014-11-12 06:00:00

标签: jquery spring-mvc jquery-multiselect

我想在使用jquery单击另一个复选框时选择多个选择框选项的几个值。此选择框使用多选过滤器插件。

<h3 class="accordion_head">
            <a href="#">Company Region</a><span class="bg arrow"></span>
        </h3>
        <div class="accordion_body">
            <ul>    
                <li><input id="companyRegion1" name="companyRegion" value="GCC" type="checkbox">
                    <label for="companyRegion1">GCC</label></li>
            </ul>
        </div>

第二个选择框我跟随弹簧标记如下

<form:select path="${elementPath }" multiple="multiple" cssClass="multi_select">
    <form:options items="${valueList}" itemLabel="${label}" itemValue="${itemVal }" />
</form:select>

因此,当点击上面提到的复选框时,我需要在多选框中预选GCC国家/地区。这是使用multiselect jquery plugin

实现的

我试过这种方式,但没有被选中。

$('#companyCountries option[value=247]').prop('selected',true);

请帮忙。

2 个答案:

答案 0 :(得分:0)

检查复选框的代码如下所示,适用于JQuery 1.6及更高版本。 下面的JQuery版本使用api文档$.prop()

进行检查
`$('#CompaniesSearchForm countries option[value=247]').prob('checked',true);`

答案 1 :(得分:0)

我通过调用multi-select plugin site.中提到的刷新解决了问题 我无法通过表单名称调用,因此删除了表单名称。

$("#companyCountries").multiselect('refresh');

感谢您的回复