MAP to get controls id

by oterox

HTML

<form method="post">
<div class="row">
    <label for="txt_name" id="name-ariaLabel">name</label>
    <input id="txt_name" name="txt_name" type="text" aria-labelledby="name-ariaLabel" />
</div>
<div class="row">
    <label for="txt_email" id="email-ariaLabel">email</label>
    <input id="txt_email" name="txt_email" type="text" aria-labelledby="email-ariaLabel" />
</div>
<div class="row">
    <input id="chk_check1" name="chk_check1" type="checkbox" aria-labelledby="check1-ariaLabel" />
    <span><label for="chk_check1" id="check1-ariaLabel">check1</label></span>
</div>
<div class="row">
    <input id="chk_check2" name="chk_check2" type="checkbox" aria-labelledby="check2-ariaLabel" />
    <span><label for="chk_check2" id="check2-ariaLabel">check2</label></span>
</div>
<div class="row">
    <input id="chk_check3" name="chk_check3" type="checkbox" aria-labelledby="check3-ariaLabel" />
    <span><label for="chk_check3" id="check3-ariaLabel">check3</label></span>
</div>
<div class="row">
    <label for="txtarea_address" id="address-ariaLabel">address</label>
    <textarea id="txtarea_address" name="txtarea_address" cols="20" rows="3" aria-labelledby="address-ariaLabel"></textarea>
</div>
<div class="row">
    <label for="txt_phone" id="phone-ariaLabel">phone</label>
    <input id="txt_phone" name="txt_phone" type="text" aria-labelledby="phone-ariaLabel" />
</div>
<div class="row">
    <label for="txtarea_message" id="message-ariaLabel">message</label>
    <textarea id="txtarea_message" name="txtarea_message" cols="20" rows="3" aria-labelledby="message-ariaLabel"></textarea>
</div>
<div class="row">
<input type="submit" value="Submit form" />
</div>
</form>

JavaScript

var checklist = $(':checkbox').map(function() {
  return this.id;
}).get().join(',');
console.log(checklist);