从数据绑定检查表中查找jQuery

时间:2015-07-03 14:53:18

标签: javascript jquery html checkbox dynamics-crm

我的MSCRM 2015在线解决方案使用第三方工具动态构建N:N的复选框列表,然后在另一个Iframe中发布,如果我可以使用jQuery测试是否有任何问题,我就会徘徊在JavaScript

中选中了这些复选框

问题但是如果你看html这些输入没有id或者名字,我可以用它来引用它们......

var checkboxValues = [];
$('input[name=checboxset_ava_incident_ava_affectedcountry]:checked').map(function() {
        checkboxValues.push($(this).val());

以下是html构建方式的示例:

Html of the generated Checkbox Group

希望大小可以阅读但我希望你看到的是<input>标签的属性:

  <input type="checkbox" data-bind="id: Id, checked: Value, title: Name, enable: $parent.GetIsEnabled()">

1 个答案:

答案 0 :(得分:1)

如果您想查找所选复选框,单选按钮或选择元素,请查看jQuery :checked selector,如

$(':checked')...

如果您需要复选框,请在选择器中使用type属性,如

$('input[type=checkbox]')...

或合并它们,只查找选中的复选框(即,确保您不会选择任何单选按钮或选择元素):

$('input[type=checkbox]:checked')...

<强>样本

&#13;
&#13;
var findChecked = function() {
  var checked_values = [];
  var $checkedBoxes = $('input[type=checkbox]:checked');
  console.log('$checkedBoxes', $checkedBoxes.length);
  $checkedBoxes.each(function(i, e) {
    checked_values.push($(e).val());
  });
  alert(checked_values);
};

$('button').click(findChecked);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<label><input type="checkbox" checked value="1" /> 1</label>
<label><input type="checkbox" value="2" /> 2</label>
<label><input type="checkbox" value="3" /> 3</label>
<button>See checked</button>
&#13;
&#13;
&#13;