-5

私はまだ鋭いjquery/javascriptコーダーではありません-ですから、javascriptをjQueryスクリプトに書き直すのを手伝ってくれる親切な人がいることを願っています。

コードは次のようになります。

<script type="text/javascript">

function update_delivery_address()
{
    elm_true = document.getElementById('delivery_same_as_invoice_true');
    elm_false = document.getElementById('delivery_same_as_invoice_false');
    if (!elm_true.checked && !elm_false.checked)
    {
        elm_true.checked = true;
    }
    if (elm_true.checked)
    {
        document.getElementById('delivery_name').value = '';
        document.getElementById('delivery_att').value = '';
        document.getElementById('delivery_address').value = '';
        document.getElementById('delivery_zipcode').value = '';
        document.getElementById('delivery_city').value = '';
        document.getElementById('delivery_email').value = '';
        document.getElementById('delivery_name').disabled = true;
        document.getElementById('delivery_att').disabled = true;
        document.getElementById('delivery_address').disabled = true;
        document.getElementById('delivery_zipcode').disabled = true;
        document.getElementById('delivery_city').disabled = true;
        document.getElementById('delivery_email').disabled = true;
    }
    else
    {
        document.getElementById('delivery_name').disabled = false;
        document.getElementById('delivery_att').disabled = false;
        document.getElementById('delivery_address').disabled = false;
        document.getElementById('delivery_zipcode').disabled = false;
        document.getElementById('delivery_city').disabled = false;
        document.getElementById('delivery_email').disabled = false;
    }
}

update_delivery_address();
</script>
4

3 に答える 3

2

簡単にできます。すべて置換

document.getElementById('yourid')

と

$('#yourid')

すべて置換

.value = ''

と

.val('')

すべて置換

.disabled = true (or false)

と

.prop('disabled', true) // or false

すべて置換

.checked = true (or false)

と

.prop('checked', true) // or false

そしてすべて

.checked

と

.prop('checked')
于 2012-04-21T16:18:20.940 に答える
0

まず、すべての入力フィールドにクラス (.delivery など) を割り当てて、選択を簡単にし、クラスごとに選択できるようにします。

$('.delivery')

詳細については、 http://api.jquery.com/category/selectors/を参照してください。

そして、それに応じてすべての属性を設定します

于 2012-04-21T16:18:39.673 に答える
-1

jQuery は、作業を短時間で完了するために使用されます。たとえば、次のように書くことができます

elm_true = $('#delivery_same_as_invoice_true').get(0);

それ以外の

elm_true = document.getElementById('delivery_same_as_invoice_true');

それにもかかわらず、コードはまだ (有効な) JavaScript のままです。コードを書き直す必要はありません (可読性を除いて)。

とにかくコードを書き直したい場合は、

var_name = document.getElementById('someid');

行

var_name = $('#someid').get(0);

と

document.getElementById('someid').attribute = value

に

$('#someid').attr("attribute",value)

例えば

$('#delivery_name').attr('disabled',false);

于 2012-04-21T16:17:07.177 に答える