Mass submit — webForum

KWESMedlem sedan jan. 20035 inlägg

Frågan11 nov. 2003 12:26#1

Jag har en tabell där varje rad är upplagd som en FORM så att informationen kan uppdateras för enskild rad.
( Välja JA eller NEJ och sen uppdatera raden )

Nu vill jag kunna göra ändringar på flera rader utan att behöva klicka på UTFÖR för varje rad utan att jag välje JA eller NEJ på varje produkt och sen så klickar jag på KLICKA och alla uppdateras.

Jag har en idé om en funktion som aktiverar de olika UTFÖR knapparna i turordning.

Tacksam för hjälp.

dectgapMedlem sedan sep. 20021 655 inlägg

11 nov. 2003 14:23#2

Här är en möjlighet:

<script type="text/javascript">
function getRadioValue(optNo, theForm){
  var radioValue = (theForm.elements["opt"+optNo][0].checked) ? theForm.elements["opt"+optNo][0].value : theForm.elements["opt"+optNo][1].value;
  theForm.singleOpt.value = "opt" + optNo + "=" + radioValue;
  theForm.submit()
}
</script>

...

<form onsubmit="this.singleOpt.value=''; return true">

<input type="hidden" name="singleOpt" value="" />

<table>
  <tr>
    <th>Product Number</th>
    <th>Välj</th>
    <th>Utför</th>
  </tr>
  <tr>
    <td>REP 624 655/1</td>
    <td>
      <input type="radio" name="opt00" value="ja" />JA
      <input type="radio" name="opt00" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('00', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/107</td>
    <td>
      <input type="radio" name="opt01" value="ja" />JA
      <input type="radio" name="opt01" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('01', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/11</td>
    <td>
      <input type="radio" name="opt02" value="ja" />JA
      <input type="radio" name="opt02" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('02, this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/115</td>
    <td>
      <input type="radio" name="opt03" value="ja" />JA
      <input type="radio" name="opt03" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('03', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/12</td>
    <td>
      <input type="radio" name="opt04" value="ja" />JA
      <input type="radio" name="opt04" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('04', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/13</td>
    <td>
      <input type="radio" name="opt05" value="ja" />JA
      <input type="radio" name="opt05" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('05', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/133</td>
    <td>
      <input type="radio" name="opt06" value="ja" />JA
      <input type="radio" name="opt06" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('06', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/147</td>
    <td>
      <input type="radio" name="opt07" value="ja" />JA
      <input type="radio" name="opt07" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('07', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/15</td>
    <td>
      <input type="radio" name="opt08" value="ja" />JA
      <input type="radio" name="opt08" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('08', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/16</td>
    <td>
      <input type="radio" name="opt09" value="ja" />JA
      <input type="radio" name="opt09" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('09', this.form);" /></td>
  </tr>
  <tr>
    <td>REP 624 655/18</td>
    <td>
      <input type="radio" name="opt10" value="ja" />JA
      <input type="radio" name="opt10" value="nej" />NEJ
    </td
    <td><input type="button" value="Utför" onclick="getRadioValue('10', this.form);" /></td>
  </tr>
  <tr>
    <td colspan="3">
      <input type="submit" value="klicka" />
    </td>
  </tr>
</table>
    
</form>

Om singleOpt har ett värde, d.v.s. inte är tom, har man tryckt på en "Utför"-knapp, och vilken knapp man tryckte på står i singleOpt enligt formen optx=y där x står för vilken rad det var (00 för första raden, 01 för andra raden, 02 för tredje raden o.s.v.) och y står för om man hade valt "JA" eller "NEJ".
opt05=JA betyder alltså att man tryckte i "JA" på sjätte raden/posten.

Om singleOpt däremot är tom betyder det att användaren tryckte på "klicka".