用jQuery更改复选框的样式

Jim 发表于 Dev

吉姆

我需要更改复选框的外观（样式），以便使其更好地显示在页面上。每个复选框都有一个唯一的ID，该ID会在填充表时使用ajax生成。通过使用以下代码，我可以在同一表格中列出价格字段：

function hiLight() {
$('#guides td.price').each(function() { 
     if ( $(this).html()!= '')
    {
        $(this).css('border', '3px solid red');
     }
});

并尝试对复选框使用修改后的部分：

$('#guides :checkbox').each(function() {
    if ($(this).is(':checked')) { 
        $(this).css('border', '3px solid red');
    }
 });
}//END OF HILIGHT FUNCTION

我知道它正在进入复选框功能，因为我使用了警报来查看它是否存在。我认为这是$(this)导致它不知道格式化的原因，因为在我使用 alert($(this))并返回的警报中，[object] [object]即使不使用插件，这是否有可能？如果是这样，有人可以指出正确的方向吗？

epascarello

首先，您不需要使用JavaScript来设置输入的样式。其次，复选框没有边框，但是您可以使用轮廓。

#guides input[type="checkbox"]:checked {
  outline: 3px solid red;
}

<div id="guides">
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。