2016-11-11 31 views
1

我正在使用此JavaScript在單選按鈕上添加CSS類,並在我的代碼中添加複選框。如何防止使用Id的特定選擇器上的CSS/JavaScript?

$('input[type="checkbox"]').iCheck({ 
     checkboxClass: 'icheckbox_flat-blue' 
    }); 
    $('input[type="radio"]').iCheck({ 
     radioClass: 'iradio_flat-blue' 
    }); 

我下面的佈局和內容的現象,換句話說,我的HTML頁面,我有一個的layout.html其中包含了所有需要在所有頁面相似,我在content.html使用此佈局的部分和部門頁面呈現內容。

|----------------------|      |----------------------| 
| Header    |      | Header    | 
|======================|      |======================| 
|      |      |      | 
|      |      |      | 
|  Content 1  |      | Content xyz  | 
|      |      |      | 
|      |      |      | 
|======================|      |======================| 
| footer    |<-----Layout--------->| footer    | 
|----------------------|      |----------------------| 

所有CSS和腳本都在佈局中,因爲我幾乎在每個內容頁面都使用它們。 我的內容頁面包含HTML輸入字段,如文本,廣播等。上述腳本位於佈局文件中,它在我的內容頁面中的單選按鈕和複選框中添加CSS類。但是他們是在同一個內容頁面的某些地方,我不希望這個腳本在我的輸入字段上工作。我想在同一個內容頁面中的其他單選按鈕上使用的兩個單選按鈕上阻止此腳本。 有沒有辦法通過給他們一個ID做到這一點?

+0

'$('input [type =「checkbox」]')。not('。some-class-to-ignore')...' – Turnip

+0

如果您使用的是jQuery,你在使用jQuery嗎? –

+1

@MisterPositive問題中提供的唯一代碼是jQuery。 – Turnip

回答

2

您可以在輸入無線設置一個類你不想改變:

$('input[type="checkbox"]:not(.not-apply)') 
2

如果你不使用:

<input type="radio" class="not-apply" /> 

而在jQuery選擇使用不操作jQuery的,只有純JavaScript和CSS,你可以使用這個語法

document.querySelectorAll('span.test:not(.asd)'); 

CSS NOT

相關問題