在选择的选项上选中jQuery make复选框

Question

我想要一个复选框，以便＆＃34;检查＆＃34;更改$(".wrapper").on('click', "#clickMe", function (e) { setTimeout(function () { alert("TEST"); }, 650); }); 后，其中所选<select>的值是要选中的复选框的值。示例：如果我选择＆＃39; dyst2＆＃39;来自<option>，我希望复选框的值为＆＃39; 2＆＃39;待检查。

我准备了小提琴，但不能让它奏效： jsFiddle

#id_dystrybutor_glowny

Answer 1

$scope.querySearch = function (query) {
    var GeoDataAPIUrl = '/api/TargetSettings/RetrieveCorridorLeverValues';
    if (query.length < 5)
        return;
    else {
        var GeoDataSearchUrl = GeoDataAPIUrl + '?' + 'strGeoName=' + query;
        $http
            .get(GeoDataSearchUrl)
            .then(function (geoAPIResponse) {
                console.log("GeoAPIResponse was ", geoAPIResponse);
                return geoAPIResponse.data;
            },
            function (geoAPIError) {
                console.log("GeoAPI call failed ", geoAPIError);
            });
    }
};

工作jsFiddle：http://jsfiddle.net/jajs6kqh/

Answer 2

这是一个简单的解决方案：

您所要做的就是根据所选值过滤复选框并应用已检查的属性。

步骤：

1. 删除以前选择的值
2. 根据＆＃39;选择＆＃39;中的值找到匹配的复选框。控制
3. 为复选框
应用选中的值

https://jsfiddle.net/3UP3a/170/

<强>代码：

 $(document).ready(function () {
     $('#id_dystrybutor_glowny').change(function () {
         var dID = $(this).find(":selected").val();  

         $('.dystrybutor').prop('checked', false).filter(function(){
             return this.value === dID;
         }).prop('checked', true);
     });     
 });