チェックボックスの状態に基づいてクラスにdivを追加する

Question

Sitecoreの管理者にチェックボックスがあります。ボックスがチェックされている場合、hidden-xsクラスをカスタムdivに追加するにはどうすればよいですか？ jQueryの追加は避けることができますか？

Answer 1

簡単です。あなたの入力の状​​態をチェックしてください。

if ($('input.yourclassofInput').is(':checked')) { 
$(".ClassOfDivToHide").addClass("hidden-xs"); 
} 

Answer 2

おおよその経験則として、常にあなたの試行からいくつかのコードを表示する必要があります。この方法であなたは学びます。あなたの問題を理解し、見つけ出すのはずっと簡単です。

私はSitecoreについて知識がありませんが、あなたが質問をjQueryでマークしたので、addClassとremoveClassを調べるべきだと思います。

あなたが何かを行うことができますこの方法：あなたがサイトコア項目のチェックボックスフィールドに基づいてのdivにクラスを追加する方法を求めていると仮定すると、

if($("#yourCheckBox").is(':checked')) 
    $("#yourElementToShowOrHide").addClass("hidden-xs"); // checked 
else 
    $("#yourElementToShowOrHide").removeClass("hidden-xs"); // unchecked 

Answer 3

を、これが移動するための方法は次のとおりです。

var field = (CheckboxField)item.Fields["name of your checkbox field"]; 
if (field.Checked) 
{ 
... // add class to your div (can't elaborate on this as we don't know how you are rendering the output) 
} 

ここで、 "item"はフィールドを含む項目です。これは簡単なコードで、データをチェックする必要はありません。