logo
down
shadow

How can I check checkbox in JavaScript? (not using jQuery)


How can I check checkbox in JavaScript? (not using jQuery)

By : Neli S Gautham Raj
Date : November 22 2020, 10:33 AM
wish of those help There's a typo in there when referencing firstChild. Just tested on jsfiddle.net and it works with the following code:
code :
function isChecked(){
    if(document.getElementById("input").checked){
        document.getElementById("button").firstChild.nodeValue= "Checked";      
    } else {
        document.getElementById("button").firstChild.nodeValue= "Unchecked";
    }
};

document.getElementById("input").addEventListener("click", isChecked);


Share : facebook icon twitter icon
Javascript or Jquery to check and uncheck all checkbox

Javascript or Jquery to check and uncheck all checkbox


By : Kyra
Date : March 29 2020, 07:55 AM
I hope this helps . I live on jQuery, so I grabbed some code from here to update your code without using jQuery: http://www.coderanch.com/t/120677/HTML-CSS-JavaScript/find-Checkboxes
Here's a working solution: http://jsfiddle.net/nvAtF/1/
code :
function toggleCheckboxes(flag) {    
    var form = document.getElementById('groupImportForm');
    var inputs = form.elements;
    if(!inputs){
        //console.log("no inputs found");
        return;
    }
    if(!inputs.length){
        //console.log("only one elements, forcing into an array");
        inputs = new Array(inputs);        
    }

    for (var i = 0; i < inputs.length; i++) {  
      //console.log("checking input");
      if (inputs[i].type == "checkbox") {  
        inputs[i].checked = flag;
      }  
    }  
}
cannot check/uncheck checkbox in javascript/jquery

cannot check/uncheck checkbox in javascript/jquery


By : Chris Kirk
Date : March 29 2020, 07:55 AM
wish help you to fix your issue I would suggest an improvement. Change HTML, add some class to all your checkboxes:
code :
<input class="check" type="checkbox" name="form[r]">
function toggle_all(source) {
    $(".check").prop('checked', source.checked);
}
jQuery / JavaScript: Check all checkboxes and Check each checkbox to display div

jQuery / JavaScript: Check all checkboxes and Check each checkbox to display div


By : Valdo Masuero
Date : March 29 2020, 07:55 AM
Any of those help You have to check for any of the check boxes is checked and if yes don't hide the div Here is a sample code:
code :
$(document).ready(function(){

$('#checkbox-global').click(function(){
    if($(this).is(':checked')){
        $('.checkbox-group').prop('checked', true);
        $('.loaded').show(1000);
    }
    else {
        $('.checkbox-group').prop('checked', false);
        $('.loaded').hide(1000);
    }
});

   $('.checkbox-group').click(function(){
       var cnt = $(".checkbox-group:checked").length;
      if(cnt > 0)
         $('.loaded').show(1000);
      else
         $('.loaded').hide(1000);
    });
});
Check/uncheck checkbox without using JavaScript/jQuery

Check/uncheck checkbox without using JavaScript/jQuery


By : Daljeet Bhangal
Date : March 29 2020, 07:55 AM
With these it helps If you need to check/uncheck the input from a
How does one pop up a modal AND run a checkbox check in JavaScript/jQuery?

How does one pop up a modal AND run a checkbox check in JavaScript/jQuery?


By : ahmed afzal
Date : March 29 2020, 07:55 AM
I wish this help you I'll guess that you have JQuery...
Here is a JSFiddle that might show you how to do so with bootstrap : JSFIDDLE
Related Posts Related Posts :
  • How to change add and remove active class in JavaScript
  • how to toggle a specific div in javascript
  • How to get all the values from multiple keys of an array of object?
  • jQuery bind() unbind() and on() and off()
  • regular expression to find DD Month YYYY from a string
  • How to upload files from web client (HTML/jQuery form) to your Dropbox folder
  • Backbone history and require.js issue
  • Confusion over Classical and Prototypal Inheritance Javascript
  • How to take screen shot of current webpage using Javascript/JQuery?
  • Store meridiem in a variable
  • class declared inside closure vs standard class without closure
  • javascript confirm box always return true
  • dynamically changing the size of font size based on text length using css and html
  • Node.js - Getting the host IP address while on Amazon EC2
  • Confusing CSS, can anyone explain please
  • How to install v8-profiler on Windows 8 (64 bit) using npm?
  • Resolve promise based on another promise
  • google maps adding overlay layer above UI and markers
  • Style specific letter?
  • RangeError: Maximum call stack size exceeded with array.slice
  • node rest client get with local variable
  • If condition not executes while mouse move fastly
  • Count the number of displayed elements in a HTML list
  • Locate JavaScript source code in Emacs
  • Clean, Modular Code vs MV* Frameworks
  • infinite scroll without loading image
  • Backbone: reverse collection order with comparator
  • What do printers ignore?
  • jQuery UI .tabs() Contentless tab?
  • Execute Javascript alert() after page (visually) loaded
  • JavaScript - duplicating array doesn't work
  • Excessive clickable area below image
  • JavaScript Regex: Replace |b| with <b>
  • Unexpected value change in 2D array in JavaScript
  • Function doesnt see parameter as a array of objects
  • jQuery fetch keypress event on chrome and IE
  • How to enable jquery validate localization?
  • Cassandra map collection returned by node.js Helenus looks odd
  • angular ng-repeat with multiple filter options
  • Selecting Children without ID or Class names
  • How to uncheck a group of checkboxes when another checkbox is checked
  • Is hiding content by Javascript or jQuery Worth trying
  • Load XUL resource using javascript
  • XML to HTML text area from server file system
  • set focus() on textbox on form onload
  • es lint '' is assigned a value but never used' eventhough i have used it
  • Can "name" attribute be used for custom VueJS components
  • Get innerHTML of content when it is clicked
  • HTTPS causes CSS animations to not load? Very confused
  • How to hide other div apart from touched div to the band
  • Is global variable assignment atomic on NodeJS?
  • Datepicker onchangemonthyear beforeshowday
  • trying to render html files using jade but it still adresses it as a jade
  • Google Analytics - Understanding and Dissecting the Snippet: What is | | [ ];
  • Replacing "[aA09.b]." to "[aA09.b]\n" in in JavaScript
  • Why wrap a function definition in an immediate function?
  • Enable / disable jQuery script on switching to different tab in a HTML page
  • how can find return variable value outside anonymous function in node js mysql query function
  • Converting 1 to 0001 in javascript array
  • svg viewbox should not resize the text fontSize?
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org