アイテムを更新して変更をトリガーする（無効かどうかにかかわらず）

Question

私のコードの複数の部分では、アイテムの値を更新する必要があります。いずれの場合でも、私は「変更」イベントを発生させたいと思っています。

私はjQuery式と新しい値に対応する項目を新しい値に設定する関数が必要です。それらに「変更」イベントを発生させます。アイテムが無効になっている場合、無効にしておく必要があります。

のjQuery 1.7.1

Answer 1

私は<input>読み取り専用の代わりに、無効にするために、あなたをお勧めしたいです。

Demo

$("#form").on("change", ".all", function() { 
 
    $("#feedback").append($(this).attr("id") + " changed<br>"); 
 
}); 
 

 
$(".all") 
 
    .val("new value") 
 
    .trigger("change");

input[readonly] { 
 
    background: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div id="form"> 
 
    Item1 = 
 
    <input id="item1" class="all"> 
 
    <br>Item2 = 
 
    <input id="item2" class="all" readonly /> 
 
    <!--       ^^^^^^^^ --> 
 
    <p id="feedback"> 
 
</div>

Answer 2

これは私が現時点で持っているものです。それはもっと良い方法があるかどうかを見て欲しいと思って私には優しく思えます：

function updVal (qry, nwVal) { 

    $(qry+":not([disabled])") 
    .val(nwVal) 
    .trigger("change"); 

    // we need to temporarily enable then disable the disabled items 
    // in order for the change event to fire 
    $(qry+":disabled") 
    .val(nwVal) 
    .prop("disabled",false) 
    .trigger("change") 
    .prop("disabled",true); 

} 

updVal("#myreport input[data-x='bla']", "new value");