Categories

.formGroup()

Categories: Forms | Tree Traversal

.formGroup( [ selector ] )Returns: jQuery

Plugin: jQuery.fn.form

Description: Find all inputs grouped by name to the first matched input of matched elements.

  • .formGroup( [ selector ] )

    version added: 1.0

    selector   A selector to prefilter elements, default: ':radio'.

This method take attribute name and value as its parameter. If the value of the named attribute for the matched element the same as the givn value, the attribute will removed or replaced with the alternateValue.

  • Find a group of inputs.

    HTML:
    <div>
      <form id="form_1">
        <input type="radio" name="A" value="1"/>
        <input type="radio" name="A" value="2"/>
        <input type="checkbox" name="B" value="1"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="text" name="C"/>
        <textarea type="text" name="D"></textarea>
      </form>
      <form id="form_2">
        <input type="radio" name="A" value="2"/>
        <input type="radio" name="A" value="3"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="checkbox" name="B" value="3"/>
      </form>
    </div>
    Code:
    $('input').formGroup();
    Results:
    <input type="radio" name="A" value="1"/>
    <input type="radio" name="A" value="2"/>
  • Find a group of inputs.

    HTML:
    <div>
      <form id="form_1">
        <input type="radio" name="A" value="1"/>
        <input type="radio" name="A" value="2"/>
        <input type="checkbox" name="B" value="1"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="text" name="C"/>
        <textarea type="text" name="D"></textarea>
      </form>
      <form id="form_2">
        <input type="radio" name="A" value="2"/>
        <input type="radio" name="A" value="3"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="checkbox" name="B" value="3"/>
      </form>
    </div>
    Code:
    $(':checkbox').formInput(':checkbox');
    Results:
    <input type="checkbox" name="B" value="1"/>
    <input type="checkbox" name="B" value="2"/>
  • Find a group of inputs.

    HTML:
    <div>
      <form id="form_1">
        <input type="radio" name="A" value="1"/>
        <input type="radio" name="A" value="2"/>
        <input type="checkbox" name="B" value="1"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="text" name="C"/>
        <textarea type="text" name="D"></textarea>
      </form>
      <form id="form_2">
        <input type="radio" name="A" value="2"/>
        <input type="radio" name="A" value="3"/>
        <input type="checkbox" name="B" value="2"/>
        <input type="checkbox" name="B" value="3"/>
      </form>
    </div>
    Code:
    $('#form_2 :radio').formInput();
    Results:
    <input type="radio" name="A" value="2"/>
    <input type="radio" name="A" value="3"/>