6

私はhtmlコードでこのラジオボタンを持っています：

<span><input type="radio" value="false" name="item[shipping]" id="item_shipping_false" checked="checked"><label for="item_shipping_false" class="collection_radio_buttons">No</label></span>

<span><input type="radio" value="true" name="item[shipping]" id="item_shipping_true"><label for="item_shipping_true" class="collection_radio_buttons">Yes</label></span>

そして私は次のような1つの無効なフィールドを持っています：

<input id="item_shipping_cost" class="currency optional" type="text" size="30" name="item[shipping_cost]" disabled="disabled">

ユーザーがラジオボタンで[はいdisabled="disabled"]オプションをクリックした場合は、この最後の入力フィールドのhtml属性を削除し、ユーザーがラジオボタンで[いいえdisabled="disabled"]オプションをクリックした場合は、この最後の入力フィールドに属性を追加します。

jqueryでそれを行うにはどうすればよいですか？

ありがとう！

4

4 に答える 4

8

removeAttrを使用できます

   $('#item_shipping_true').click(function()
{
  $('#item_shipping_cost').removeAttr("disabled");
});

$('#item_shipping_false').click(function()
{
  $('#item_shipping_cost').attr("disabled","disabled");
});

JsFiddleのデモを参照してください

于 2012-05-08T11:59:11.850 に答える
6 
$('input[name="item[shipping]"]').on('click', function() {
   if ($(this).val() === 'true') {
      $('#item_shipping_cost').removeProp("disabled");
   }
   else {
      $('#item_shipping_cost').prop("disabled", "disabled");
   }
});
于 2012-05-08T12:00:38.887 に答える
3

次のようなJavaScriptを使用します。

   $('#item_shipping_false').change(function() {
      $('#item_shipping_cost').prop('disabled', false);
    });
    $('#item_shipping_true').change(function() {
      $('#item_shipping_cost').prop('disabled', true);
    });

これはあなたのケースの完全な例です。

于 2012-05-08T12:00:43.610 に答える
1

がここにあります

デモ

。これはあなたを助けると思います

于 2012-05-08T12:07:10.113 に答える