用jquery更改複選框的樣式

如果選中該複選框，則需要更改複選框的外觀（樣式），以便它更好地顯示在頁面上。每個複選框都有一個唯一的ID，當表填充時，這個ID由ajax生成。我可以通過使用此代碼在同一個表中所列價格領域：用jquery更改複選框的樣式

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]這甚至可能不使用插件？如果是這樣，有人可以請我指出正確的方向

來源

2014-10-16 Jim

你爲什麼不只是做純CSS？ – epascarello 2014-10-16 17:05:35

我不希望每個複選框（頁面上大約有30多個）都被突出顯示，只是選中的複選框。 – Jim 2014-10-16 17:06:17

你可以在CSS中完成：'#guides input [type =「checkbox」]：checked {outline：3px solid red; }' – epascarello 2014-10-16 17:06:49

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

來源

2014-10-16 17:11:23 epascarello

我不知道我不得不使用輪廓。這是訣竅。謝謝。 – Jim 2014-10-16 17:13:49

用jquery更改複選框的樣式

回答

相關問題