0

これは以前に何度も尋ねられたことを知っていますが、これらの解決策はどれも私の状況ではうまくいかないようです.

次のテキスト フィールドを無効にするには、各行にチェックボックスが必要です。各テーブル行はオンザフライで作成されます (JS クローン)。最初の行のみが静的です。後続の各行では、名前と ID に新しい番号 (formfield1、formfield2 など) が追加され、ページが読み込まれた後に発生します。

HTML

    <div class="add_rec_container" id="fuel_stop" style="display:block;"><!--open #fuel_stop-->
    <p class="label">Enter Fuel Stop:</p>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="fuel_stop_table" class="fuel_data">
      <tbody>
        <tr>
          <td><select name="data_fuel_state1" id="data_fuel_state1" class="state_menu">
            <option value="AZ">AZ</option>
            <option value="CA" selected="selected">CA</option>
            <option value="NM">NM</option>
            <option value="NV">NV</option>
            <option value="OR">OR</option>
            <option value="UT">UT</option>
            </select>
            </td>
          <td><input type="tel" name="data_total_gal1" id="data_total_gal1" class="help total_gal_field" title="Gallons"/></td>
          <td><input type="checkbox" name="data_yard1" id="data_yard1" class="enablePPG" value="yes" onclick="disablePPG(this);"/> Yard
          </td>
          <td>$ <input type="tel" name="data_price1" id="data_price1" class="help price_field" title="PPG" /></td>
          </tr>
        </tbody>
    </table>
    <a id="add_fuel_row" class="add_btn">+ State</a>
    </div><!--close #fuel_stop-->

  <input type="submit" name="Submit" class="send_button" value="Send"/>
</form>​
</div><!--close .record_entry_container-->

JS（機能していませんが、そうすべきだと思います）

function disablePPG() {
  $(this).click(function() {
    if ($(this).is(':checked')){
        $(this).next('.price_field').prop('disabled', true);
      } else {
        $(this).next('.price_field').prop('disabled', false);
      }
  });
}

次の JS はフォーム要素の最初の行で機能しますが、複数の行を追加した場合の解決策ではありません。

function disablePPG() {
  $(this).click(function() {
    if ($('#data_yard1').is(':checked')) {
      $('#data_price1').prop('disabled', true);
    } else {
      $('#data_price1').prop('disabled', false);      
    }
  });
}

どんな助けでも大歓迎です。

4

1 に答える 1

0 
$(".enablePPG").on("click", function()
{
    if($(this).is(":checked") == true)
        $(this).parent().next().children().attr("disabled", "disabled");
    else
        $(this).parent().next().children().removeAttr("disabled");
});
于 2013-07-25T18:02:27.020 に答える