if no checkbox is selected make button inactive in javascript

You can achieve this by attaching an event listener to all checkboxes and updating the state of the button based on whether any checkboxes are checked or not. Here's an example:

HTML:


<input type="checkbox" id="checkbox1">
<input type="checkbox" id="checkbox2">
<button id="myButton" disabled>Click me</button>
127 chars
4 lines

JavaScript:


index.tsx
// get references to checkbox inputs and the button
const checkbox1 = document.getElementById('checkbox1');
const checkbox2 = document.getElementById('checkbox2');
const myButton = document.getElementById('myButton');

// attach event listeners to the checkboxes
checkbox1.addEventListener('click', updateButtonState);
checkbox2.addEventListener('click', updateButtonState);

// update button state based on checkboxes
function updateButtonState() {
  myButton.disabled = !checkbox1.checked && !checkbox2.checked;
}
516 chars
14 lines

In this example, we first grab references to the checkboxes and the button using the getElementById method. We then attach click event listeners to both checkboxes and define a function updateButtonState that sets the disabled attribute of the button based on whether the checkboxes are checked or not.

The updateButtonState function checks whether both checkboxes are unchecked using the ! (not) operator and sets the disabled attribute of the button accordingly.

similar javascript code snippets

create a div of images that is always no bigger than 80% of the display height and the images scale accordingly. when you hover over an image it zooms slighly and the other images gray out in javascript

create a carousel in html in javascript

wrap li items within span in javascript

how to float an html element horizontally but fix it vertically in javascript

create a div that scrolls horizontally and adjust the height of its content to always be 80% of the screen height in javascript

create a div that scrolls horizontally and adjust its height to always be 80% of the screen height in javascript

center a div in javascript

create a button in javascript

scroll snap in javascript

how to parse json in javascript in javascript

related categories