Onchange checkbox html: javascript — Getting value of HTML Checkbox from onclick/onchange events

Checkbox onchange — Общая справка по PHP

dmanghani 18 февраля 2021 г., 14:01

#1

Я хочу создать три флажка, скажем [] item1, [] item2, [] item3,
, когда я нажимаю флажок для item1, флажок должен оставаться установленным, и открывается ввод данных, который при подаче вычисляет данные. Если я сниму флажок данные должны исчезнуть.
, когда я использую input type=submit, код запускается, но я хочу сделать то же самое, используя onchange или onclick, и мне не нужно использовать submit.
Руководство и помощь, пожалуйста, и, если возможно, пример,
Спасибо

шепчет 18 февраля 2021 г., 17:17

#2

Тогда вам понадобится интерфейсный код… например, JS или jQuery.

Эта часть мне непонятна:

• которая при вводе вычисляет данные,

Более или менее…

вы выведете/создаете свою страницу (ваша разметка HTML).

Затем добавьте свой код jQuery, чтобы слушатели проверяли, когда любой из 3 флажков имеет «изменение»

Затем вы обнаруживаете это «изменение»… и затем отображаете скрытые поля ввода на основе изменения флажка

Что вводится в поле ввода… зависит от вас (не ясно)…

Также какой тип события, которые вы хотите инициировать: действие «вычислить эти входные данные».

дмангани 22 февраля 2021 г., 8:24

#3

Прилагаемый код

 
  >Установка и связь:
 form.submit()'
>Доставка:
>Скидка:

";
echo "";
echo "";
echo "";
эхо "";
$total=$_GET['всего'];
$gst=$_GET['ins_gst'];
эхо всего $;
// Обновление в mysql....
} еще {
  всего = 0;
  $гст=0;
// Обновление в mysql....
}
если(isset($_GET['доставка'])) {
  echo "Стоимость доставки";
  echo "<имя формы= 'установить' действие ='' метод='GET'> ";
  echo "";
  echo "";
  echo "";
  эхо "";
  $total=$_GET['всего'];
  $gst=$_GET['ins_gst'];
  эхо всего $;
  // Обновление в mysql. ....
  } еще {
    всего = 0;
    $гст=0;
  // Обновление в mysql....
  }
  если(isset($_GET['скидка'])) {
    echo 'Процент скидки';
    echo "<имя формы= 'установить' действие ='' метод='GET'>";
        echo "";
    echo "";
    эхо "";
    $total=$_GET['всего'];
    $gst=$_GET['ins_gst'];
    эхо всего $;
    } еще {
    всего = 0;
    $гст=0;
    // Обновление в mysql....
    }
?>
  

Как получить значение поля ввода молнии в веб-компоненте Lightning с помощью события onchange?

Перейти к содержимому

27 февраля 2020 г. sanketthoughts Веб-компонент Lightning 8 комментариев

Компонент ввода молнии

широко используется в веб-компонентах молнии. Как разработчик Salesforce Lightning, мы больше заинтересованы в том, чтобы узнать, как получить введенное значение поля Lightning-Input с помощью события onchange. Этот компонент поддерживает типы ввода HTML5, в том числе checkbox ,  date ,  datetime ,  time ,  email ,  file ,  password ,  search , 

tel ,  url ,  number ,  radio ,  toggle . Значение по умолчанию: текст .

Давайте создадим веб-компонент Lightning, в котором будут использоваться все типы ввода молнии и будут определены обработчики onchange для динамического извлечения значения и сохранения его в определенном свойстве.

Давайте посмотрим пример разметки для Lightning-input типа number:-

стандартное событие, называемое событием onchange, которое запускается всякий раз, когда изменяется значение поля. event.target.value динамически возвращает значение поля Lightning-input.

 обработчикNumberChange(событие){
   this.numberFieldValue = event.target.value;
} 

Давайте рассмотрим еще один пример, чтобы увидеть, как можно динамически получить значение onchange в компоненте Lightning-Input.

Обработчик onchnage определен в js-файле компонента. Когда этот метод запускается, event.target.checked динамически возвращает значение поля.

 дескрипторCheckBoxChange(событие){
   this.checkBoxFieldValue = event.target.checked;
} 

Проверьте полный код здесь. HTML-файл имеет следующий код: —

 <шаблон>
    
        
        
Значение поля даты: - {dateFieldValue}
    
    
        
 
 
        
Значение поля даты и времени:- {dateTimeFieldValue}
    
    
        
        
Значение поля времени:- {timeFieldValue}
    
    
        
        
Значение цвета: - {colorFieldValue}
    
    
        
        
Имя файла:- {fileUploadValue}
    
    
        
        
 Значение текстового поля: - {textFieldValue}

    
    
        
        
Значение поля электронной почты: - {emailFieldValue}
    
    
        
        
Значение поля пароля:- {passwordFieldValue}
    
    
        
        
        
Значение поля телефона: - {phoneFieldValue}
    
    
        
        
 Значение поля URL: - {urlFieldValue}

    
    
        
        
Значение числового поля: - {numberFieldValue}
    
    
        
        
Значение поля флажка: - {checkBoxFieldValue}
    
    
        
        
Значение поля кнопки флажка: - {checkBoxButtonFieldValue}
    
    
        
  
Значение поля переключения:- {toogleFieldValue}
    
    
        
        
        
Значение поля переключения:- {searchFieldValue}
    
 

В js-файле компонента есть все обработчики изменений, определенные в HTML-разметке: —

 import { LightningElement } from 'lwc';
класс экспорта по умолчанию InputText расширяет LightningElement {
 значение поля даты;
 ДатаВремяПоляЗначение;
 значение поля времени;
 значение поля цвета;
 значение_загрузки файла;
 значение текстового поля;
 значение поля электронной почты;
 значение поля пароля;
 значение поля телефона;
 значение поля URL;
 числовое значение поля;
 чекбоксфиелдвалуе;
 чекбоксбуттонфиелдвалуе;
 тоглефиелдвалуе;
 значение поля поиска;
 handleDateChange (событие) {
 this.  dateFieldValue = event.target.value;
 }
 handleDateTimeChange (событие) {
 this.dateTimeFieldValue = event.target.value;
 }
 handleTimeChange (событие) {
 this.timeFieldValue = event.target.value;
 }
 handleColorChange (событие) {
 this.colorFieldValue = event.target.value;
 }
 handleFileChange (событие) {
 this.fileUploadValue = event.target.value;
 }
 обработчикTextChange(событие){
 this.textFieldValue = event.target.value;
 }
 обработчикEmailChange(событие){
 this.emailFieldValue = event.target.value;
 }
 handlePasswordChange (событие) {
 this.passwordFieldValue = event.target.value;
 }
 обработчикPhoneChange(событие){
 this.phoneFieldValue = event.target.value;
 }
 обработатьUrlChange(событие){
 this.urlFieldValue = event.target.value;
 }
 обработчикNumberChange (событие) {
 this.numberFieldValue = event.target.value;
 }
 обработатьCheckBoxChange(событие){
 this.