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

【问题标题】：How to get all check box values,if user selects any one check box?如果用户选择任何一个复选框，如何获取所有复选框值？
【发布时间】：2014-02-05 13:07:27
【问题描述】：

我有如下复选框：

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"四个

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

关于如何做到这一点的任何意见？

提前致谢..

【问题讨论】：

参考这个并做相应的事情：stackoverflow.com/questions/7031226/…
尝试以代码格式发布您的问题
你想得到arr={'1','2','3','4'}或arr={'checked','Unchecked','checked','checked'}的值吗？
嗯，名字不能有空格，复选框是一个单词。

标签： jquery html checkbox

【解决方案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>

【讨论】：

【解决方案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);

【讨论】：

【解决方案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

【讨论】：

我试过上面的代码，但我得到错误：Microsoft JScript 运行时错误：对象不支持属性或方法
给我建议，我需要添加任何 jquery 库吗？？
你只需要加Jquery<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>就够了。