jquery - model senarai semak tidak boleh menulis objek yang diperiksa ke model senarai semak apabila menggunakan attr

Question

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.

Answer 1

Memandangkan sudut digunakan, mengapa kita harus menggunakan idea jquery untuk menulis kod
Ikat ng-model pada input untuk memantau status yang dipilih, dan kemudian gunakan perbandingan model untuk mengawal sama ada input lain dipilih
Kawal melalui pemaparan UI data, ini ialah konsep rangka kerja seperti ng