0

Как можно сделать кнопку, чтоб по клику она залипала/впадала, а по второму клику принимала первоначально значение.

2 ответа 2

2

2 картинки - btn_on.jpg, btn_off.jpg

JS:

function switchButton(name) {
  var bImg = document.getElementById(name+'_img');
  var bInput = document.getElementById(name+'_input');
  if (!bImg || !bInput) return false;
  bImg.src = (bInput.value) ? 'btn_off.jpg' : 'btn_on.jpg';
  bInput.value = (bInput.value) ? 0 : 1;
  }

HTML:

<input type="hidden" id="rememberme_input" name="rememberme" value="0" />
<img id="rememberme_img" onclick="switchButton('rememberme')" src="btn_off.jpg" /> Запомнить меня

Это полный комплект, можно заносить в форму(придет $_POST['rememberme']), замените только пути к картинкам. Ну и стили надо прописать, да)

Удобнее всего это завернуть в php-функцию

1
$(selector).toggle(function(){
    $(this).addClass("clicked");
    }, function(){
    $(this).removeClass("clicked");
});
//clicked - класс, показывающей кнопку нажатой

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.