get value in hidden checkbox

Mega Anaska

hi guys I have coding html like

and css like :

.switch-ss{

display: block;

padding: 5px;

background-color: #fff;

border-radius:2px;

width: 30px;

height: 27px;

float: left;

line-height: 14px;

margin-right: 5px;

}

.switchery{

height: 9px !important;

width: 20px !important;

border-radius:10px !important;

border-color:#dedede !important;

}

.switchery>small{

height: 9px !important;

width: 9px !important;

/* margin-top: 1px; */

background-color: #a8aaab !important;

border-radius:100% !important;

}

the question is I want get value when I click that switch but when I click the switch the checked always return false, what should i do ?

this is my javascript

var chk = $('.switch-ss input[type=checkbox]').is(':checked');

console.log(chk)

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dharmraj Thakur8y ago
Accepted answer
Let me give some identity to switch element...

And get it through javascript...

console.log(document.getElementById("myswitch").checked);
//it will return true or false...
Mega Anaska8y ago
Hi Mr.Dharmraj Thakur, I found the problem, the problem is checkbox not read when I using switch, so in Javascript I using span.clicked, and it's work. thank you for your answer
Mega Anaska8y ago
hi Mr. dharmraj is still result 0

look my html

Slider1

Slider1

Slider1

now I just want know how lenght checkbox in thats div
Dharmraj Thakur8y ago
Whats wrong happening with this...

var chk = $(".switch-ss input[type=checkbox]").prop("checked");
console.log(chk);

For me its working fine...
Mega Anaska8y ago
I creat some checkbox and use this javascript but console not show

$('#<%=pnlData3.ClientID%> .switch-ss input[type=checkbox]').click(function () {
console.log("udah diklik");
var arChk = $('#<%=pnlData3.ClientID%> .switch-ss input[type=checkbox]').toArray();
var cnt = 0;
$.each(arChk, function (i, val) {
if ($(val).prop('checked')) {
cnt++;
console.log(arChk.length);
}
});
Laxmidhar Sahoo8y ago
sir kindly show the event call function from your coding
Dharmraj Thakur8y ago
Hi Anaska,
You can get value of switch like this...

$(".switch-ss input[type=checkbox]").prop("checked");