保持分离的Checkbox数据

时间:2014-05-14 10:34:29

标签: javascript html

我有一个我正在创建的应用程序,到目前为止,我已经能够通过它相对轻松自由。到现在。目前,我需要找到一种方法来保留if语句为复选框生成的信息。我已经能够通过将数据存储在全局变量中来获得单选按钮,但我不知道如何使用复选框。

代码:

if ($('#Chk_0').is(':checked')) {
    check = "Check1" + ", ";
    countCheck++;
}

if ($('#Chk_1').is(':checked')) {
    check = "Check2" + ", ";
    countCheck++;
}

if (countCheck == 0) {
    Check = "Nothing is checked";
}

复选框:

<div data-role="collapsible" id="cCheck" class="hCheck">
  <h3>CheckBox</h3>
  <div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
      <legend>Option</legend>
      <input type="checkbox" name="Check" id="Check_0" class="custom" value="" />
      <label for="Check_0">Check1</label>
      <input type="checkbox" name="Check" id="Check_1" class="custom" value="" />
      <label for="Check_1">Check2</label>
    </fieldset>
  </div>
</div>

2 个答案:

答案 0 :(得分:0)

您可以使用数组和字符串。

var checkedOptions=[]
var checkedGroup="";

if ($('#Check_0').is(':checked')) {
    if(checkGroup=="Check"){
    checkedGroup.push("Check_0");
    }
    else
    {
    checkGroup="Check"
    checkedGroup=["Check0"];
    }
    countCheck++;
}

BTW:您的代码中有错误。输入标签和jQuery的ID不一样。

答案 1 :(得分:0)

据我了解你的问题,你需要知道是否勾选了任何复选框,如果有任何检查你需要ID,这可能会有所帮助

var ids = '';
$(':checked').each(function (i, element) {
    ids += $(element).prop('id')+",";
})

然后你可以解决ids是否有长度

if (ids.length>0) {
    //use ids variable here
}