StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The <code>onsubmit</code> action should be on the <code>form</code> and not on the <code>checkbox</code> field.</p> <p>Secondly, your <code>checkbox</code> element was assigned to variable <code>arrCheckboxes</code> whereas in the <code>if</code> loop you were checking with <code>checkb</code>. </p> <p>The modified code is as follows:</p> <p><strong>HTML:</strong></p> <pre><code><form name="deleteFiles" action="" method="post" onsubmit="return confirm_update();"> <input type='checkbox' name='files' id='1' value='1' />file 1 <br> <input type="submit" value="Submit" name="submit"> </form> </code></pre> <p><strong>JS:</strong></p> <pre><code>function confirm_update() { var arrCheckboxes = document.deleteFiles.elements["files"]; if (arrCheckboxes.checked != true) { alert("You do not have any selected files to delete."); return false; } else { return confirm("Are you sure you want to proceed deleting the selected files?"); } } </code></pre> <p><strong>EDIT:</strong> If in case your form has multiple <code>checkbox</code> fields and you want to throw error only when none of them is selected (which I think you want). You can do it like below:</p> <p><strong>HTML:</strong></p> <pre><code><form name="deleteFiles" action="" method="post" onsubmit="return confirm_update();"> <input type='checkbox' name='files' id='1' value='1' />file 1 <input type='checkbox' name='files' id='2' value='2' />file 2 <br> <input type="submit" value="Submit" name="submit"> </form> </code></pre> <p><strong>JS:</strong></p> <pre><code>function confirm_update() { var chkCount = 0; var arrCheckboxes = document.deleteFiles.elements["files"]; for (var i=0; i<arrCheckboxes.length; i++) { if(arrCheckboxes[i].checked == true) { chkCount++; } } if (chkCount === 0) { alert("You do not have any selected files to delete."); return false; } else { return confirm("Are you sure you want to proceed deleting the selected files?"); } } </code></pre> <p><a href="http://jsfiddle.net/hari_shanx/ZmMER/4/" rel="nofollow"><strong>Working Demo</strong></a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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