2016-11-11 5 views
1

私は、このJavaScriptを使用して、ラジオボタンとチェックボックスのCSSクラスを自分のコードに追加しています。Idを使用して特定のセレクタでCSS/JavaScriptを防止する方法は?

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

私は、他の言葉で自分のHTMLページにレイアウトやコンテンツの現象を以下の午前、私はすべてのページで類似していると私は私のcontent.htmlでこのレイアウトを使用するすべてのセクションや部門が含まれている1 layout.htmlを持っていますコンテンツをレンダリングするページ。

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

ほとんどすべてのコンテンツページで使用されているので、すべてのCSSとスクリプトはレイアウトされています。 私のコンテンツページには、テキスト、ラジオなどのHTML入力フィールドがあります。上記のスクリプトは、コンテンツページのラジオボタンとチェックボックスにCSSクラスを追加するレイアウトファイルです。しかし、彼らは私の入力フィールドでこのスクリプトを動作させたくない同じコンテンツページの特定の場所です。私は他のラジオボタンで使用されている同じコンテンツページの2つのラジオボタンでこのスクリプトを防止したいと思います。 IDを与えることでこれを行う方法はありますか?

+0

'$( 'input [type =" checkbox "]')。( '。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