2016-11-11 27 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

相关问题