﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Actualidad jQuery &#187; Checkbox</title>
	<atom:link href="http://www.actualidadjquery.es/category/formularios/checkbox/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.actualidadjquery.es</link>
	<description>Blog de actualidad acerca de jQuery con tutoriales y ejemplos</description>
	<lastBuildDate>Tue, 24 Jan 2012 11:10:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Comprobar si un input Checkbox está &#8220;checked&#8221; con jQuery</title>
		<link>https://www.actualidadjquery.es/2010/10/26/comprobar-si-un-checkbox-esta-checked-con-jquery/</link>
		<comments>https://www.actualidadjquery.es/2010/10/26/comprobar-si-un-checkbox-esta-checked-con-jquery/#comments</comments>
		<pubDate>Tue, 26 Oct 2010 06:13:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Checkbox]]></category>
		<category><![CDATA[Formularios]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[checked]]></category>
		<category><![CDATA[click]]></category>
		<category><![CDATA[formularios]]></category>

		<guid isPermaLink="false">http://www.actualidadjquery.es/?p=158</guid>
		<description><![CDATA[Otra de las facilidades que nos encontramos en jQuery es validar formularios, y trabajar con ellos din&#225;micamente. Vamos a comprobar con un bot&#243;n el estado del checkbox, si est&#225; checked o no, y con otros botones vamos a activarlo y desactivarlo, para que ve&#225;is lo sencillo que es. Primero vamos a comprobar el estado del [...]]]></description>
			<content:encoded><![CDATA[<p><img align="left" alt="" height="121" src="http://www.actualidadjquery.es/wp-content/uploads/image/jquery_logo_color_onwhite.jpg" width="490" /><br />
	Otra de las facilidades que nos encontramos en jQuery es validar formularios, y trabajar con ellos din&aacute;micamente.</p>
<p>	Vamos a comprobar con un bot&oacute;n el estado del checkbox, si est&aacute; checked o no, y con otros botones vamos a activarlo y desactivarlo, para que ve&aacute;is lo sencillo que es.</p>
<p>	Primero vamos a comprobar el estado del checkbox:</p>
<pre class="javascript" name="code">$(document).ready(function(){

	$(&quot;#checkbox_comprobar&quot;).click(function() {
		if($(&quot;#checkbox&quot;).is(&#39;:checked&#39;)) {
			alert(&quot;Est&aacute; activado&quot;);
		} else {
			alert(&quot;No est&aacute; activado&quot;);
		}
	});

});
</pre>
<p>
	Una vez que presionemos el bot&oacute;n recibiremos en un alert la respuesta a si est&aacute; activado o no el checkbox gracias a la funci&oacute;n is(&#39;:checked&#39;)</p>
<p>	Para terminar vamos a activar y desactivar el checkbox sin hacer click sobre &eacute;l con estos 2 botones:</p>
<pre class="javascript" name="code">$(document).ready(function(){

	$(&quot;#checkbox_activar&quot;).click(function() {
		$(&quot;#checkbox&quot;).attr(&#39;checked&#39;, true);
	});

	$(&quot;#checkbox_desactivar&quot;).click(function() {
		$(&quot;#checkbox&quot;).attr(&#39;checked&#39;, false);
	});

});
</pre>
<p>El c&oacute;digo HTML quedar&iacute;a de esta forma:</p>
<pre class="html" name="code">&lt;input name=&quot;checkbox&quot; id=&quot;checkbox&quot; type=&quot;checkbox&quot; value=&quot;1&quot; /&gt;
&lt;input name=&quot;checkbox_comprobar&quot; id=&quot;checkbox_comprobar&quot; type=&quot;button&quot; value=&quot;Comprobar&quot; /&gt;
&lt;input name=&quot;checkbox_activar&quot; id=&quot;checkbox_activar&quot; type=&quot;button&quot; value=&quot;Activar&quot; /&gt;
&lt;input name=&quot;checkbox_desactivar&quot; id=&quot;checkbox_desactivar&quot; type=&quot;button&quot; value=&quot;Desactivar&quot; /&gt;</pre>
<ul>
<li><a href="http://www.actualidadjquery.es/ejemplos/12/index.html" target="_blank">Ejemplo</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://www.actualidadjquery.es/2010/10/26/comprobar-si-un-checkbox-esta-checked-con-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
