Question

如果选中它，我需要更改复选框的外观（样式），以便它更好地显示在页面上。每个复选框都有一个唯一的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]这是否可以在不使用插件的情况下实现？如果是这样，有人可以指出我正确的方向

Answer 1

首先，您不需要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>

使用jquery更改复选框的样式

1 个答案: