如何获取选中其属性的复选框的html答案

【问题标题】：how to get html of the checkbox whose property is checked如何获取选中其属性的复选框的html
【发布时间】：2013-02-09 22:51:16
【问题描述】：

我有一个复选框列表。当有人点击其中一个时。我需要将复选框列表的 html 发送到其他一些功能，我可以在其中检查哪些复选框已被选中。

我的每个复选框都有“指标”类。

                $('.indicators').each(function(){
                    alert($(this).prop('name');
                });

上面的代码正确地提醒选中的复选框的名称。但后来当我尝试提醒整个 html 时，复选框似乎未选中。

【问题讨论】：

您在该代码中有语法错误。为什么将实际的 html 发送到另一个函数？你想解释一下大局吗，我怀疑可能有一种更简洁的方式来做你想做的事。
您不需要将 HTML 发送到任何函数 - 您可以使用 DOM 找出选中了哪些复选框。能否请您发布您的 HTML，以便我们了解您的页面结构。
勾选复选框后，它们所在的整个 div 将被刷新。所以我需要显示复选框以及它们以前的属性。
复选框没有任何 HTML。严格来说，没有任何 DOM 元素具有任何 HTML。 element.innerHTML 或 jQuery 等价物返回的内容完全是合成的。
这是整个html jsfiddle.net/2e4Jc

【解决方案1】：

我不明白你为什么要发送所有复选框的 html。通常，您将需要一些属性或验证该复选框是否选中。如果您需要检查输入的某些属性并将其发送到函数...那将是这样的

$('.indicators').click(function(){
  if ($(this).is(':checked')){
    alert('the checkbox ' + $(this).attr('name')+  ' is checked');
  }
});

但如果你真的需要 html，你只需将 $(this).attr('name') 更改为这个 $(this).html()。如果您需要发送所有复选框的 html，您将使用相同但在一个周期内

$('.indicators').each(function(){
  //some code
});

【讨论】：