当检查另一个复选框时检查了一些chekbox

我试图检查与check1和check2两个复选框，当opt1被选中时，我使用jquery为此，这里是下面的代码。的jQuery是：当检查另一个复选框时检查了一些chekbox

$(document).ready(function() { 
    $('#opt1').change(function() { 
     if(this.checked) { 
      $('#raw').slideDown(400); 
      $('#check1').changeAttr('checked'); 
      $('#check2').prop('checked', true); 
     } else { 
      $('#raw').slideUp(200) 
     } 
    }); 
});

这是我的html代码

<dl> 
              <dt><input id="opt1" type="checkbox" name="vehicle" value="Raw Material">Raw Material</dt> 
               <div id="raw" class="option" style="display:none"> 
               </br><dd><input id="check1" type="checkbox" name="lol[]" value="Add Raw Name">Add Raw Name</dd><br/> 
               <dd><input id="check2" type="checkbox" name="lol[]" value="View Raw Materials">View Raw Materials</dd> 
               </div> 
              </dl>

来源

2013-12-19 Forhad Sikder

有什么问题，你可以用小提琴 –

ops详细说明对不起，实际上我的上面的代码不起作用 –

@ForhadSikder试图把你的代码放到jsfiddle中，并告诉我们什么不起作用 – iJade

您需要的值传递给prop()方法以及设置属性。

$('#check1').prop('checked', true);

http://jsfiddle.net/K63mF/

来源

2013-12-19 11:38:56 samjudson

那么，+ 1，但在'取消选中'它不会取消选中其他2 –

是的，我已经尝试过，但它不起作用 –

更新的小提琴http://jsfiddle.net/K63mF/1/ –

如果你想检查2个其他复选框，当第一复选框被选中，你可以这样来做：

(Shown in this fiddle)

$(document).ready(function() { 
    $('#opt1').change(function() { 
     if($(this).is(":checked")) { 
      $('#check1').prop('checked', 'checked'); 
      $('#check2').prop('checked', 'checked'); 
     } else { 
      $('#check1').prop('checked', ''); 
      $('#check2').prop('checked', ''); 
     } 
    }); 
});

来源

2013-12-19 11:39:44 Loyalar

实际上我的滑动下来工作，但检查不工作 –

那么，如果你想检查'＃check1'和'＃check2'时'＃opt1复选框被选中，这是做到这一点的方法。如果您需要该功能，则取消选中其他复选框的代码也是如此。你想要它做什么？ – Loyalar

是的，但它，但我不明白为什么我的代码不起作用 –

使用下面的代码

$(document).ready(function() { 
    $('#opt1').change(function() { 
     if(this.checked) { 

      $('#raw').slideDown(400); 

      //update code 
      $('#check1').attr('checked','checked'); 
      $('#check2').attr('checked','checked'); 

     } else { 
      $('#raw').slideUp(200); 

      //if you want to remove check 
      //$('#check1').removeAttr('checked'); 
      //$('#check2').removeAttr('checked'); 
     } 
    }); 
});

来源

2013-12-19 11:43:48

现在我想通了，其实我忘了链接jquery1.9.1谢谢所有 –

当检查另一个复选框时检查了一些chekbox

回答

相关问题