meteora recupera il valore vero/falso dal checkbox switchChange

Question

Ho un gestore di eventi collegato alle caselle di controllo. Sto usando l'interruttore di avvio http://www.bootstrap-switch.org/

Sto cercando di ottenere il valore di stato che è vero o falso in una variabile, quindi posso impostarlo sul valore della sessione.

È possibile ottenere il valore vero o falso quando lo stato cambia (come si vede nel codice visualizzato). Tuttavia, mi piacerebbe ottenere questo valore all'interno degli eventi. Si prega di controllare la mia variabile x.

Client.js

Template.myTemplate.rendered = function() { 
$('input[name="questions"]').bootstrapSwitch('state', true, true); 
$('input[name="questions"]').on('switchChange.bootstrapSwitch', function(event, state) { 
console.log(state); // true | false 
}); 

html:

<template name="myTemplate"> 
<div class="row"> 
    <input type="checkbox" name="questions" unchecked> Hobby? 
</div> 
<div class="row"> 
    <input type="checkbox" name="questions" unchecked> Writer? 
</div> 

Sto cercando di ottenere il valore che viene stampato in console.log(state) all'interno del codice di reso in una variabile nel mio caso quindi posso impostare la sessione in valore su true o false.

Template.myTemplate.events({ 
'click input': function(event) { 
    var x = $(this).is(":checked").val(); 
    Session.set("statevalue", x); 
    console.log(Session.get("statevalue")); // this is not printing out anything 
} 
}); 

Answer 1

Si dovrebbe usare template esempio:

Template.myTemplate.events({ 
'click input': function(event, template) { 
    var x = template.$('input').is(":checked").val(); 
    Session.set("statevalue", x); 
    console.log(Session.get("statevalue")); 
} 
}); 

o forse con 'target':

Template.myTemplate.events({ 
'click input': function(event) { 
    var x = $(event.target).is(":checked").val(); 
    Session.set("statevalue", x); 
    console.log(Session.get("statevalue")); 
} 
}); 

Answer 2

Template.myTemplate.rendered = function() { 
$('input[name="questions"]').bootstrapSwitch('state', true, true); 
$('input[name="questions"]').on('switchChange.bootstrapSwitch', function(event, state) { 
var x = $(event.target).is(":checked"); 
Session.set("statevalue", x); 
    console.log(Session.get("statevalue")); 
}); 
} 

Answer 3

Se si definiscono id per le caselle di controllo, è possibile utilizzare

event.target.checkboxID.checked 

con in evento modello.

restituirà true o false se selezionato o meno.

Answer 4

credo di avere avuto molto meglio sollution e non direttamente utilizzando jQuery:

Template.myTemplate.events({ 
'change input': function(event) { 
    var x = event.target.checked; 
    Session.set("statevalue", x); 
    console.log(Session.get("statevalue")); 
} 
}); 

Fare attenzione per vedere che io suggerisco di utilizzare il cambiamento invece di clic nella manifestazione.

Answer 5

'click .task_checkbox'(event){ 

    const target = event.target; 
    var isChecked = $("#"+event.target.id).is(":checked").val(); 
    console.log(isChecked); 

}, 

Answer 6

L'oggetto event ha già tutte le informazioni necessarie.

Template.myTemplate.events({ 
    'click input': function(event) { 
    if (event.target.name === 'questions') { 
     Session.set("statevalue", event.target.checked); 
     console.log(Session.get("statevalue")); 
    } 
    } 
});