Projek perlu memaparkan senarai kotak semak, pilih item dalam senarai kotak semak A, dan semak item yang sepadan secara automatik dalam senarai kotak semak B. Pada masa ini menggunakan komponen model senarai semak, apabila item disemak, nilai disimpan dalam senarai pilihan. Sekarang semakan boleh dicapai, tetapi apabila item dalam B disemak secara automatik, nilai yang dipilih tidak ditulis pada senarai terpilih.

Siarkan kod sekarang, dialu-alukan untuk berbincang

kod html

<p class='panel-body' id='aList'>
    <p ng-repeat='aList in aLists'>
        <input type="checkbox" ng-click='show($event,aList.id)'>{{aList.name}}
    </p>
</p>
<p class='panel-body' id='bList'>
    <p ng-repeat='bList in bLists track by $index'>
        <input type="checkbox" checklist-model='selectedLists' checklist-value='bList' 
               data-parent-id='{{bList.id}}'>
        {{bList.name}}
    </p>
</p>

js kod

<script type="text/javascript">
    $scope.selectedLists= [];
    
    $scope.show = function(event,id){
    var checkBox = $(event.target);
    var cValue = id;
    var isCheck = checkBox.prop('checked');
    $("#bList input").each(function(){
        if(cValue == $(this).data('stationId')){
            $(this).prop('checked',isCheck);//这里设置勾选状态
        }
    });
}
</script>

Jika anda mempunyai sebarang pertanyaan, sila betulkan saya. Terima kasih semua.