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

Я попытался показать и скрыть кнопку в <fieldset> функцией javascript. Но она не работает. Я не нашел свою ошибку.Как показать и скрыть кнопку с помощью 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>

источник

2013-11-20 Mhmt

Вы просматриваете страницу и видите, что это состояние поля и что такое состояние dx: ASPxButton? –

См. Любые ошибки в консоли. ctrl + shift + j в google chrome. –

@Mehmet Akyel вы можете дать [jsfiddle] (http://jsfiddle.net/). – Prateek

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

Вам необходимо получить к нему доступ через clientid в вашем javascript.

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

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

}

источник

2013-11-20 12:29:34

пытаются использовать

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'));   
}); 
});

источник

2013-11-20 12:42:43

Спасибо guys.I solved.I я глупая я забыл добавить эту библиотеку

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

источник

2013-11-20 12:47:19 Mhmt

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

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

ответ

Смежные вопросы