Как показать и скрыть кнопку с помощью JavaScript?

Question

Как показать и скрыть кнопку с помощью JavaScript?

0

Я попытался показать и скрыть кнопку в <fieldset> функцией javascript. Но она не работает. Я не нашел свою ошибку.

Мой FieldSet:

<fieldset class="buttons">
  <dx:ASPxButton ID="btn11" runat="server" Text="Buton 1">
  </dx:ASPxButton>
</fieldset>

Мой флажок:

<input class="checkbox" id="ShowHideButton" name="ShowHideButton" type="checkbox" onchange="valueChanged()" />
<label for="ShowHideButton">ShowHideButton</label>

И моя функция JavaScript.

<script type="text/javascript">
  function valueChanged() {
    if ($('#ShowHideButton').is(":checked"))
      $(".buttons").show();
    else
      $(".buttons").hide();
  }
</script>

Mhmt 20 нояб. 2013, в 13:08

Источник

0

Вы проверяли страницу и видите, каково состояние fieldset и каково состояние dx: ASPxButton?
kostas ch. 20 нояб. 2013, в 12:04
0

Смотрите на наличие ошибок в консоли. Ctrl + Shift + J в Google Chrome.
Subin Jacob 20 нояб. 2013, в 12:19
0

@Mehmet Mehmet Akyel вы можете дать jsfiddle .
Prateek 20 нояб. 2013, в 12:31

Показать ещё 1 комментарий

Теги:

javascript

jquery

asp.net

checkbox

3 ответа

Ещё вопросы

Вы проверяли страницу и видите, каково состояние fieldset и каково состояние dx: ASPxButton?
Смотрите на наличие ошибок в консоли. Ctrl + Shift + J в Google Chrome.

Chris L · Answer 1 · 2013-11-20T09-53-00.000Z

На стороне клиента фактический идентификатор кнопки не будет ShowHideButton ASP будет генерировать для него уникальный.

Вы должны получить к нему доступ через clientid в своем javascript.

Попробуй это:

function valueChanged()
{
    if ($('#<%=ShowHideButton.ClientID%>').is(":checked"))
        $(".buttons").show();
    else
        $(".buttons").hide();

}

Mahmoude Elghandour · Answer 2 · 2013-11-20T09-48-00.000Z

попробуй использовать

http://jsfiddle.net/modaloda/7ZNzF/

$(document).ready(function() {
//set initial state.
$('#ShowHideButton').val($(this).is(':checked'));

$('#ShowHideButton').change(function() {
    if($(this).is(":checked")) {
        var returnVal = confirm("Are you sure?");
        $(this).attr("checked", returnVal);
    }else{
        alert("sd");
    }
    $('#ShowHideButton').val($(this).is(':checked'));        
});
});

Mhmt · Answer 3 · 2013-11-20T10-52-00.000Z

Спасибо, ребята. Я решил. Я глуп, что забыл добавить эту библиотеку

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Почему ты кладешь это сюда? Это комментарий, который должен находиться в области комментариев. Пожалуйста, ознакомьтесь с SO.