Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery check multiple checkbox's within a table row
    primarykey
    data
    text
    <p>I have HTML as below:</p> <pre><code>&lt;tr class="gridSubHeader1"&gt; &lt;td colspan="6"&gt;&lt;input type="checkbox" familyname="TestName" onclick="javascript: HandleClick('TestName');"&gt;EB - Autonomy&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000748" id="TestName"&gt; &lt;td class="formBodyOddRow" width="20"&gt;1&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyOddRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000749" id="TestName"&gt; &lt;td class="formBodyEvenRow" width="20"&gt;2&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyEvenRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000750" id="TestName"&gt; &lt;td class="formBodyOddRow" width="20"&gt;3&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyOddRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="237" id="TestName"&gt; &lt;td class="formBodyEvenRow" width="20"&gt;4&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyEvenRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1"&gt; &lt;td colspan="6"&gt;&lt;input type="checkbox" familyname="TestName2" onclick="javascript: HandleClick('TestName2');"&gt;EB - Another&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000748" id="TestName2"&gt; &lt;td class="formBodyOddRow" width="20"&gt;1&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyOddRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000749" id="TestName2"&gt; &lt;td class="formBodyEvenRow" width="20"&gt;2&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyEvenRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="1000750" id="TestName2"&gt; &lt;td class="formBodyOddRow" width="20"&gt;3&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyOddRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="gridSubHeader1" rowID="237" id="TestName2"&gt; &lt;td class="formBodyEvenRow" width="20"&gt;4&amp;nbsp;&lt;/td&gt; &lt;td class="formBodyEvenRow" width="30"&gt;&lt;input type="Checkbox" id="Select" name="Select" unchecked=""&gt;&lt;/td&gt; &lt;/tr&gt; </code></pre> <p>there could be multiple rows, with row representing a particular family. see the above, there are 2 families, TestName and TestName 2. Each can have one or more checkbox's with each row.</p> <p>script code:</p> <pre><code>&lt;script language="javascript" type="text/javascript"&gt; function HandleClick(elementName) { if ($("input[familyname='" + elementName + "']").is(':checked')) { $("#" + elementName).each(function () { $(this).find('input', 'checkbox').attr('checked', true); }); } else { $("#" + elementName).each(function () { $(this).find('input', 'checkbox').attr('checked', false); }); } } &lt;/script&gt; </code></pre> <p>It seems to select only the first checkbox, instead of selecting all the 4. Can you suggest what is wrong...</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload