如何让我的复选框显示并消失?

时间:2012-03-05 02:20:48

标签: jquery

我有以下CSS和HTML:

<select id="ContentID" name="ContentID">
   <option selected="selected" value="00">Menu</option>
   <option value="01">Topic</option>
</select>
<input id="htmlEdit" type="checkbox" />

$("#ContentID")
.val($.cookie("ContentID_dropdown"))
.change(function () {
   $.cookie("ContentID_dropdown", $(this).val(), { expires: 365, path: '/' });
});

如果选择“菜单”并且不可见,我是否有办法让复选框可见? 选择了其他什么?我不知道该怎么做。我想我需要的东西会考虑到价值可能是基于cookie的一个或另一个,然后用户可以进入并更改它。

2 个答案:

答案 0 :(得分:2)

您只需检查值并做出相应的响应

$("#ContentID")
.val($.cookie("ContentID_dropdown"))
.change(function () {
   if($(this).val() == "00")
      $("#htmlEdit").hide();
   else
      $("#htmlEdit").show();
   $.cookie("ContentID_dropdown", $(this).val(), { expires: 365, path: '/' });
});

答案 1 :(得分:2)

您需要查看是否已选择其他选项,例如:

$("#ContentID")
.val($.cookie("ContentID_dropdown"))
.change(function () {
    $.cookie("ContentID_dropdown", $(this).val(), { expires: 365, path: '/' });
    $("#htmlEdit").toggle($(this).val() == "00");
});