I'm having a problem with a check box in a electron app that i've been building.
the check box was working well and returning the correct values, when checked returns true value, and false when not.
when i added some libraries to my app the check box started returning false value when checked or unchecked.
Here are the properties of the project:
Package.Json
"dependencies": {
"dexie": "^2.0.4",
"electron-titlebar-windows": "^3.0.0",
"jquery": "^3.3.1",
"lodash": "^4.17.10",
"material-design-icons": "^3.0.1",
"materialize-css": "^1.0.0-rc.2",
"talkify-tts": "^2.1.2",
"typeface-roboto": "0.0.54"
},
"devDependencies": {
"electron": "^2.0.4",
"electron-packager": "^12.1.0"
}
Index.html
// First option
$('#roswitch').change(() => {
if ($(this).prop("checked")) {
console.log("Checked")
} else {
console.log("Not Checked")
}
})
// Second option
$('#roswitch').change(() => {
if ($(this).is(":checked")) {
console.log("Checked")
} else {
console.log("Not Checked")
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="switch">
<label>
Off
<input id="roswitch" value="false" type="checkbox">
<span class="lever"></span>
On
</label>
</div>
I've tried both option in JQuery and both return false.
thank you