jquery - 在下拉选择中选择复选框

Question

处理一些 Jquery 代码是这样的

 $(function(){
     $("select").change(function() {                
         $(".class1").each(function(index) {                                
             if($("select option:selected").text()== $(this).text()) {
                  $(".class2:eq(index)").prop('checked', true);                 
             }  
         })
     })
 })

<INPUT TYPE="CheckBox" CLASS='class2'> 
<TD CLASS=class1>content1</TD>

我想将下拉选择的值与某个类的元素进行比较，并想检查另一个类中相同索引的复选框，但它根本不起作用请帮忙

Answer 1

改变

$(".class2:eq(index)").prop('checked', true);   

到

$(".class2:eq("+index+")").prop('checked', true); 

或者

$(".class2").eq(index).prop('checked', true); 

Answer 2

即使你可以试试这个：

 $(".class2").index(index).prop('checked', true);  

更多编辑：

$("select").change(function() {
     var selText = $("option:selected", this).text(); // <--get the text here
     $(".class1").each(function(index) {                                
         if(selText== $(this).text()) {  //<---then compare here
              $(".class2").eq(index).prop('checked', true);                 
         }  
     });
 });