Question

我的复选框如下：

input name="rec type" type="check box" value="1" 一个

input name="rec type" type="check box" value="2" 两个

input name="rec type" type="check box" value="3" 三

input name="rec type" type="check box" value="4" 四

现在，如果我选中任何一个复选框，我必须将所有复选框值作为数组，如果用户选中复选框一，我需要禁用两个和四个复选框。

有关如何执行此操作的任何输入？

先谢谢..

Answer 1

在您的所有输入框中添加一个班级class="ckbox"，然后尝试：

<input name="rec type" type="checkbox" value="1" class="ckbox" />

Jquery

 <script type="text/javascript">
    $(document).ready(function () {
        $('.ckbox').click(function () {
            $('.ckbox').prop('checked', $(this).is(":checked"));
        });
    });

</script>

Answer 2

数组中的所有复选框值

var values = $("[name='rectype']").map(function(){return this.value}).get();

要禁用，请使用onchange并检查是否已选中第一个复选框

var isOneChecked = $("[name='rectype'][value='1']").is(":checked");

比你可以使用prop

禁用它们

$("[name='rectype'][value='4']").prop("disabled", isOneChecked);

Answer 3

试试这个。

<强> HTML：

<input type="checkbox" value="1"/>one
<input type="checkbox" class="odd" value="2"/>two
<input type="checkbox" value="3"/>three
<input type="checkbox" class="odd" value="4"/>four

<强> JQuery的：

$('input[type="checkbox"]').change(function(){
   var myArr = []; 
   if($(this).val() == "1"){
      $('.odd').prop('disabled',!$('.odd').attr('disabled'));
   }

   $('input[type="checkbox"]:checked').each(function(){
     myArr.push($(this).val());
   }); 
   alert(myArr);
});

JSFiddle

如果用户选中任何一个复选框，如何获取所有复选框值？

3 个答案: