Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: ЧекБокс по button, но не работает другой скрипт

Добрый день!
Есть чекбокс, который становится активным при нажатии по button (и работает при нажатии просто по чекбоксу). Как только чекбокс активный, то отображается нужный текст (это при нажатии на сам чекбокс). Но при нажатии на button, чекбокс активным становится, а текст не появляется.

Вот сам код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Карта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />

</head>

<body>
<input type="checkbox" id="che" onclick="changeButtonState()" value="123">
<div id="Summ"></div>

<input onclick="shlep()" type="button" id="link" />

<script>
function changeButtonState(){

var SummDok = document.getElementById('Summ'),

SummSumm=document.querySelectorAll(":checked").length ? '22': '777';
SummDok.innerHTML = SummSumm
};

function shlep(a,b){
che.checked = che.checked ? false : true;

};
</script>


</body>
</html>
Ответ: qwe88,

<!DOCTYPE HTML>
<html>
<head>
<title>Карта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>

<body>
<label> <input type="checkbox" id="che" value="123" onclick="shlep(this)">Переключить</label>
<div id="Summ"></div>
<input onclick="shlep(this)" type="button" id="link" value="Run">

<script>
function gid(idx) {return document.getElementById(idx);}
function shlep(el){
  var che = gid('che'), SummDok = gid('Summ');

  if (el.type.toUpperCase() == 'BUTTON') {che.checked = !che.checked;}

  if (che.checked) {
    SummDok.innerHTML = 'vit';
  } else {
    SummDok.innerHTML = "ovs"
  }
}
</script>
</body>
</html>
Вопрос: Вывести кнопки button в отдельный div

Помогите пожалуйста, есть кнопки button от 0 до 9, при нажатии на любую из них, значение кнопки должно переходить в div, если нажимать подряд разные button, то в div сумма постоянно должна суммироваться

вот html

<body>

<form>
<button type="button">0</button>
<button type="button">1</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button">5</button>
<button type="button">6</button>
<button type="button">7</button>
<button type="button">8</button>
<button type="button">9</button>
</form>

<div></div>

<script src="js/script.js" type="text/javascript"></script>
</body>
Ответ: спасибо, буду разбирать!
Вопрос: Передача значения в БД из <button>

Всем привет. Прошу помощи в таком вопросе, т.к goggle не всех спасает...
Не могу понять как можно обработать значение кнопки. Т.е при выборе одной из трех кнопок, данные должны записываться в разные таблицы.
Есть такая форма.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form method="POST" action="/new">
<button type="button" name="name_1">Название_1</button>
<button type="button" name="name_2">Название_2</button>
<button type="button" name="name_3">Название_3</button>
<select name="name_4">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="text" name="name_5">
<button type="submit" value="save" name="submit">Сохранить</button>
</form>
Я думал, что можно все решить при помощи php, но мне говорят, что тут что то из js нужно.
Ответ: D0RmId0nT,
1. Не type="button" , а type="submit" для отправки;
2. PHP здесь отлично справится:
PHP
1
2
3
4
5
6
7
8
9
if(isset($_POST['name_1'])) {
    echo "один\n";
} else if(isset($_POST['name_2'])) {
    echo "два\n";
} else if(isset($_POST['name_3'])) {
    echo "три\n";
} else if(isset($_POST['submit'])) {
    echo "четыре: name_4 = {$_POST['name_4']}; name_5 = {$_POST['name_5']}\n";
}
Вопрос: событие click() по элементу <button

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" style="margin-left: 40px;" type="button" value="1"><span class="ui-button-text">Cancel</span></button>

document.getElementsByClassName("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only")[2].click();
получаю undefined...

Подскажите как быть...
Ответ: да вот самое и веселое что там null

Добавлено через 3 минуты
а, все, допер, я на сохраненной копии страницы пробовал делать, там почему-то слетали события... хотя вроде весь код сохранял... теперь мой изначальный код
document.getElementsByClassName("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only")[2].click();
заработал...

Спасибо всем, за то что приняли участие!!!
Вопрос: Добавление ссылки в button

Выдернул из готового кода html часть, и мне нужно добавить в этот button ссылку, простое дописование href в него не помогает, просто не работает...
C#
1
2
3
4
5
6
<div class="cart-button">
    <a href="#openModal"><button class="product-btn-add"  type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" >
        <i class="material-icons-add_shopping_cart"></i>
    </button></a>
 
</div>
пробовал добавить вокруг него
C#
1
<a href="#openModal"></a>
но слетают тогда CSS дизайн, становиться маленьким, как сделать этот button с ссылкой, и оставить текущий дизайн...
Если сделать так:
C#
1
2
3
    <button class="product-btn-add"  type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" >
        <a href="#openModal"><i class="material-icons-add_shopping_cart"></i></a>
    </button>
тогда будет только кликабельным картинка... а нужно фулл кнопка
Ответ:
Сообщение от PeterLS
MkVMeXaHuK, хороший вариант!) Но только что будет при отключенном JS?
В таком случае, как вариант, можно обернуть кнопку в form и использовать атрибут action. Кнопку при этом переделать в input типа submit:
HTML5
1
2
3
4
5
6
7
<form action="#begin">
<div class="cart-button">
    <input type='submit' class="product-btn-add" type="button" data-toggle="tooltip" title="Заказать" >
        <i class="material-icons-add_shopping_cart">A</i>  
    </input>
</div>
</form>
Вопрос: Не работает location.href при onclick в теге <button>

function goGoogle(){
    location.href='http://www.google.ru'
}


<input type="button"  value="Button1" onclick="goGoogle()">
- переходит на гугль
<button onclick="goGoogle()"> Button1</button>
- никакой реакции
alert\console.log отрабатывает и там и там нормально
Ответ: хм, действительно так, но если посм на вот такой код:
<!DOCTYPE html>
<html>
<head>
    <title>goGoogle</title>
</head>
<body onload="console.log(new Date());">
    <form>
        <button>goGoogle tag-button</button>
    </form>

</body>
</html>

то можно усмотреть, что страница передергивается при нажатии на кнопку.
п.с. запускать у себя, здесь не хотит

поэтому надо прописывать так: <button type="button">goGoogle tag-button</button>, видимо по дефаулту идет submit
Вопрос: Добавить переменную из button в text

Добрый день! Ни как не могу понять как добавить переменную из button в input type text.
Прошу подсказать что делаю не так????
Вот так работает:
HTML5
1
2
3
4
5
6
<div id="div">
<input type="button" value="button1">
<input type="button" value="button2">
<input type="button" value="button3">
<p name="p"></p>
</div>
Javascript
1
2
3
4
5
div.querySelectorAll('input[type="button"]').forEach(function(item){
  item.addEventListener('click', function(){
    div.querySelector('p[name="p"]').innerHTML += this.value;
  })
})
Если все меняю на текстовое поле ничего не работает:
HTML5
1
2
3
4
5
6
<div id="div">
<input type="button" value="button1">
<input type="button" value="button2">
<input type="button" value="button3">
<input type="text" name="textlabel">
</div>
Javascript
1
2
3
4
5
div.querySelectorAll('input[type="button"]').forEach(function(item){
  item.addEventListener('click', function(){
    div.querySelector('input[name="textlabel"]').innerHTML += this.value;
  })
})
Ответ:
Сообщение от HoseMose
Javascript
1
div.querySelector('input[name="textlabel"]').innerHTML += this.value;
Потому что у input нет свойства innerHTML. Используйте value.
Javascript
1
2
3
4
5
div.querySelectorAll('input[type="button"]').forEach(function (item) {
    item.addEventListener('click', function () {
        div.querySelector('input[name="textlabel"]').value += this.value;
    });
});
Вопрос: Валидация jquery c button type=button

всем доброго времени
1. есть форма
2. есть скрипт, который делает кнопку button активной если введены данные
кнопка типа button не submit
по мимо того, что кнопка активируется введя данные в input, нужно еще каким то образом сделать проверку напр. type="email"
но button выполняет роль следующего шага формы
по этому у меня уже мозг расплавился как сделать эту проверку
код

<script>
function checkParams() {
    var nik= $('#nik').val();
    var email = $('#email').val(); 
    if(nik.length != 0 && email.length != 0) {
        $('#submit').removeAttr('disabled');
    } else {
        $('#submit').attr('disabled', 'disabled');
    }
}
</script>


<form>
<input class="inuser" onkeyup='checkParams()' id="nik" type="text" placeholder="nik">
<input class="inuser" onkeyup='checkParams()' id="email" type="text" placeholder="email">
<button class="next" type="button" disabled>Следующий шаг</button>
</form>
Ответ:
Сообщение от рони
designerandrey,
if(nik.length != 0 && email.length != 0 && /.+@.+\..+/i.test(email)) {
Огромное Вам Спасибо!
Вопрос: Paper button disabled

пытаюсь написать стиль для дисебленной кнопки, но ничего не работает
HTML5
1
<paper-button raised class="slg-paper-button" disabled>{{title}}</paper-button>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
.slg-paper-button:disabled{
    font-family:Roboto-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
 
    border-radius: 2px;
    width: 200px;
    height: 35px;
 
    background: rgba(131,190,241);
}
установил paper button командой, bower install --save PolymerElements/paper-icon-button . Не отображается мой стиль, выдает стандартный. что не так? как я только не пробовал.
Ответ: c disabled кнопкой разобрался, там надо было добавить !important. А вот с цвета и функции paper button почему-то не работают.
Вопрос: Вывод модального окна при нажатии на button

Добрый день. Есть модальное окно, в котором расположена форма. При заполнении формы и нажатии на кнопку "отправить" страница перегружается, а нужно вывести "спасибо за обращение". Делал разными способами, но в любом случае, всплывающее окно "спасибо за обращение" активно только в модальном окне формы, т.е. если еще раз нажать на форму, в сплывающем окне видем еще одно всплывающее. А на стартовой странице не выводиться.

Скажите, как это исправить? Я так понимаю, должно быть типа "если на class-button нажать, в index.php показать class2"

Форма кнопки
<button type="button" class="button-submit" onclick="check_required13(&quot;submit&quot;, &quot;13&quot;">Отправить</button>
Ответ:
Цитата:
Добрый день. Есть модальное окно, в котором расположена форма. При заполнении формы и нажатии на кнопку "отправить" страница перегружается, а нужно вывести "спасибо за обращение".
AJAX используй.