svelte Architecture Docs
Home / Function/ bind_checked() — svelte Function Reference

bind_checked() — svelte Function Reference

Architecture documentation for the bind_checked() function in input.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 4

Entity Profile

Dependency Diagram

graph TD
  4893ee4c_1b9f_f395_a7f3_99d313f8d608["bind_checked()"]
  2254d980_5794_d0a4_3609_60f21d662ff4["input.js"]
  4893ee4c_1b9f_f395_a7f3_99d313f8d608 -->|defined in| 2254d980_5794_d0a4_3609_60f21d662ff4
  140e2114_da40_4679_bc9f_599a89c67e4e["listen_to_event_and_reset_event()"]
  4893ee4c_1b9f_f395_a7f3_99d313f8d608 -->|calls| 140e2114_da40_4679_bc9f_599a89c67e4e
  a814b193_e12a_4037_c3c8_dfd45f3bd0bb["untrack()"]
  4893ee4c_1b9f_f395_a7f3_99d313f8d608 -->|calls| a814b193_e12a_4037_c3c8_dfd45f3bd0bb
  7494b934_a3b8_689e_91b6_8435e26461c5["render_effect()"]
  4893ee4c_1b9f_f395_a7f3_99d313f8d608 -->|calls| 7494b934_a3b8_689e_91b6_8435e26461c5
  a08b6cc5_af73_1be4_d02f_3113cf8a8305["get()"]
  4893ee4c_1b9f_f395_a7f3_99d313f8d608 -->|calls| a08b6cc5_af73_1be4_d02f_3113cf8a8305
  style 4893ee4c_1b9f_f395_a7f3_99d313f8d608 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/input.js lines 228–248

export function bind_checked(input, get, set = get) {
	listen_to_event_and_reset_event(input, 'change', (is_reset) => {
		var value = is_reset ? input.defaultChecked : input.checked;
		set(value);
	});

	if (
		// If we are hydrating and the value has since changed,
		// then use the update value from the input instead.
		(hydrating && input.defaultChecked !== input.checked) ||
		// If defaultChecked is set, then checked == defaultChecked
		untrack(get) == null
	) {
		set(input.checked);
	}

	render_effect(() => {
		var value = get();
		input.checked = Boolean(value);
	});
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does bind_checked() do?
bind_checked() is a function in the svelte codebase, defined in packages/svelte/src/internal/client/dom/elements/bindings/input.js.
Where is bind_checked() defined?
bind_checked() is defined in packages/svelte/src/internal/client/dom/elements/bindings/input.js at line 228.
What does bind_checked() call?
bind_checked() calls 4 function(s): get, listen_to_event_and_reset_event, render_effect, untrack.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free