根据复选框状态追加带有类的div

时间:2016-08-09 12:43:56

标签: jquery html visual-studio sitecore

我在Sitecore的admin中有一个复选框。如果选中此框,如何将hidden-xs类附加到自定义div?是否可以避免jQuery的追加?

3 个答案:

答案 0 :(得分:1)

根据经验,您应该始终显示您尝试的一些代码。通过这种方式,您将学习,并且我们更容易理解和找到您的问题。

当他们这么说时,我对Sitecore一无所知,但由于你已经用jQuery标记了你的问题,我认为你应该调查addClassremoveClass

这样你可以做类似的事情:

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

答案 1 :(得分:0)

这很简单。检查输入的状态。

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

答案 2 :(得分:0)

假设您正在询问如何根据Sitecore项目的复选框字段向div添加类,这是可行的方法:

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"是包含该字段的项目。这只是一些快速代码,无需数据检查即可开始使用。