Colocar evento click no text do label

Alguém sabe me dizer pq quando seleciono essa label ele NÃO seleciona o texto? preciso adicionar o evento click no texto da label, mas não consigo pegar esse texto de jeito nenhum. Estou usando o materialize 0.100.2, não adicionei nenhum css, abaixo está o html da foto:inserir a descrição da imagem aqui

<div class="row linha-linkedin">                     <div class="input-field col s12">                         <i class="material-icons prefix fa fa-linkedin social-icon linkedin"></i>                         <label for="first_name" id="linkedin">Linkedin</label>                     </div>                 </div> 

Como alterar um state no seguinte cenário com o evento OnChange

Tenho um componente e o seguinte state:

this.state = {     form : {         name : '',         username: '',         email: '',         phone: '',         address: {             street: '',             suite: '',             city: '',             zipcode: ''         }     } } 

Nos campos do formulário, uso o seguinte método no onChange:

handleChange(e) {     const {name, value} = e.target;     let copyState = Object.assign({}, this.state);     copyState.form[name] = value;     this.setState(copyState); } 

Este é um exemplo de um campo do formulário funcional:

<input value={this.state.form.username}      onChange={this.handleChange}      name="username"     type="text"      className="form-control"  /> 

Este não funciona:

<input value={this.state.form.address.street}     onChange={this.handleChange}     name="address.street"    type="text"    className="form-control"  /> 

O método handleChange funciona perfeitamente nos items: name, username, email e phone, PORÉM, nos atributos pertencentes a address não.

Como resolver isso?

Desde já agradeço. 🙂

al abrir popup con un evento onclick carga en el segundo click la funcion

el problema con el codigo, es que debo hacer click dos veces en el link para que cargue la funcion y abra el popup, que me sugieren?

gracias de antemano a todos.

codigo:

function PrivacyPopUp() { var modalprivacy = document.getElementById(‘myModalPrivacy’); var btn = document.getElementById(“myBtnprivacy”); var span = document.getElementsByClassName(“closeprivacy”)[0]; btn.onclick = function() { modalprivacy.style.display = “block”; } span.onclick = function() { modalprivacy.style.display = “none”; } window.onclick = function(event) { if (event.target == modalprivacy) { modalprivacy.style.display = “none”; } } }

Simular evento click JavaScript para laravel

tengo un formulario de captura, mi problema es que cuando quiero ver o editar algunas opciones las tengo ocultas si el usuario da click en el radio se activa otros radios o campos de texto esto me funciona a la perfección.

Mi duda es ¿como simulo el evento click al llenar mi formulario? ya que al llenarlo los radios que muestran contenido oculto se llenan pero no me muestran el contenido oculto, solo si doy clic manual se muestra.

este es mi div con los radios y mi función JS

      <div class="form-group row">             <div class="col-sm-8">                     4.- ¿Utiliza medidas de protección auditiva?             </div>             <div class="col-sm">                 <div class="custom-control custom-radio custom-control-inline">                   {{ Form::radio('aud_preg_4', 'S', ($  cuestionario->aud_preg_4 == 'S'), array('id'=>'preg_4_s','class' => 'custom-control-input','required'=>'required')) }}                   <label class="custom-control-label" for="preg_4_s">                         Siempre                     </label>                 </div>                 <div class="custom-control custom-radio custom-control-inline">                     {{ Form::radio('aud_preg_4', 'A', ($  cuestionario->aud_preg_4 == 'A'), array('id'=>'preg_4_a','class' => 'custom-control-input','required'=>'required')) }}                     <label class="custom-control-label" for="preg_4_a">                         A veces                     </label>                 </div>                 <div class="custom-control custom-radio custom-control-inline">                     {{ Form::radio('aud_preg_4', 'N', ($  cuestionario->aud_preg_4 == 'N'), array('id'=>'preg_4_n','class' => 'custom-control-input','required'=>'required')) }}                     <label class="custom-control-label" for="preg_4_n">                         Nunca                     </label>                 </div>             </div>         </div> <!--  Pregunta 4 -->          <div class="form-group row d-none" id="preg_4_1">             <div class="col-sm-8">                     4.1.- ¿Qué tipo de equipo de protección utiliza?             </div>             <div class="col-sm">                 <div class="custom-control custom-radio custom-control-inline">                   {{ Form::radio('aud_preg_4_1', 'T', ($  cuestionario->aud_preg_4_1 == 'T'), array('id'=>'preg_4_1_t','class' => 'custom-control-input')) }}                   <label class="custom-control-label" for="preg_4_1_t">                         Tapones                     </label>                 </div>                   <div class="custom-control custom-radio custom-control-inline">                     {{ Form::radio('aud_preg_4_1', 'O', ($  cuestionario->aud_preg_4_1 == 'O'), array('id'=>'preg_4_1_o','class' => 'custom-control-input')) }}                     <label class="custom-control-label" for="preg_4_1_o">                         Orejeras                     </label>                   </div>             </div>         </div> <!--  Pregunta 4.1 --> 

y mi funcion

$  ('#preg_4_s').click(function() {     if($  (this).is(':checked')) {          $  ('#preg_4_1').removeClass('d-none');         $  ('#preg_4_1_t').attr("required","required");         $  ('#preg_4_1_o').attr("required","required");     } });   $  ('#preg_4_n').click(function() {     if($  (this).is(':checked')) {          $  ('#preg_4_1').addClass('d-none');         $  ('#preg_4_1_t').removeAttr("required");         $  ('#preg_4_1_o').removeAttr("required");     } }); 

ejecución de evento dentro de una nueva ventana

Tengo una duda con la que llevo ya un rato peleandome un buen rato y me gustaría que me ayudarais, la función es la siguiente:

function abrirVentana() {         var nuevaVentana = window.open();         var cursos = ["XX", "XX", "XX", "XX", "XX", "XX"];         for (let i = 0; i < cursos.length; i++) {             var div = document.createElement("div");             nuevaVentana.document.body.appendChild(div);             var input = document.createElement("input");             div.appendChild(input);             input.type = "button";             input.value = cursos[i];             input.addEventListener("click", function () {                 nuevaVentana.alert("Ha presionado en "+this.value);             });         }     } 

Lo que estoy intentando es que al hacer click en cualquiera de los botones que están dentro de la nueva ventana me salte un alert dentro de la misma mostrando el value del boton correspondiente pero por alguna razón no salta, ¿que podría ser? he probado a poner el event.preventDefault(); justo antes de terminar la función y entonces si me funciona por alguna razón, y no entiendo exactamente el porque, pido ayuda. Gracias de antemano!