“Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación” Código de respuesta

Seleccione todas las casillas de verificación HTML JS

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

Filthy Fly

casilla de verificación HTML verifique todo

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var checkbox in checkboxes)
    checkbox.checked = source.checked;
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

Grotesque Goldfinch

Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación

function setAllCheckboxes(divId, sourceCheckbox) {
    divElement = document.getElementById(divId);
    inputElements = divElement.getElementsByTagName('input');
    for (i = 0; i < inputElements.length; i++) {
        if (inputElements[i].type != 'checkbox')
            continue;
        inputElements[i].checked = sourceCheckbox.checked;
    }
}

Dev

Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación

<p><input onClick="setAllCheckboxes('actors', this);" type="checkbox" />All of them</p>
<div id="actors">
    <p><input type="checkbox" name="kevin" />Spacey, Kevin</p>
    <p><input type="checkbox" name="colin" />Firth, Colin</p>
    <p><input type="checkbox" name="scarlett" />Johansson, Scarlett</p>
</div>

Dev

“Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación” Código de respuesta

Seleccione todas las casillas de verificación HTML JS

casilla de verificación HTML verifique todo

Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación

Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación

Respuestas similares a “Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación”

Preguntas similares a “Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación”

Más respuestas relacionadas con “Cuando hago clic en una casilla de verificación, verifique todas las casillas de verificación” en JavaScript

Explore las respuestas de código populares por idioma

Shell/Bash

C#

C++

C

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Go

Kotlin

Assembly

R

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel

Explorar otros lenguajes de código