button со значением on/off

Question

button со значением on/off

Aleksey Yevgenyevich Мастер (1453), закрыт 4 года назад

В общем иеется батон, который должен иметь 2 значения (on/off) при нажатии на кнопку разрешается редактировать 3 input, в противном случае они запрещены для редактирования
Как реализовать не понимаю, с JS еще не успел подружиться?
Вот на что хватило ума, но это бред:
код батона

код батона не отображается из-за тегов, в общем в батоне указано
id="btn_edit" value="off" onClick="on_off(this)"

JavaScript
function on_off(elem) {

if (elem.value == "On") {
elem.value = "Off";

$("#domen").prop("disabled", true); // - блокировка элемента с id
$("#login").prop("disabled", true); // - блокировка элемента с id
$("#password").prop("disabled", true); // - блокировка элемента с id

} else {
elem.value = "On";
$("#domen").prop("disabled", false); // - снятие блокировки с элемента
$("#login").prop("disabled", false); // - снятие блокировки с элемента
$("#password").prop("disabled", false); // - снятие блокировки с элемента
}
}

Буду рад любым решения данной задачи

Дополнен 4 года назад

Буду рад любым решения данной задачи

Дополнен 4 года назад

прошу прощения, код батона не отобразился из-за тегов, в общем в батоне указано
id="btn_edit" value="off" onClick="on_off(this)"

Answer 1

value у кнопки не надо трогать. Он вообще не нужен для кнопок в типовых случаях.
Состояние тех трех input, которые можно/нельзя редактировать - это и есть on/off.

if ($("#domen").prop("disabled") && $("#login).prop("disabled") && $("#password").prop("disabled")) {
//Действие если поля заблокированы
}
else {
//Действие если разблокированы
}