2
状況:jQuery:対応するテキストボックスをそれぞれの値に影響させる
2テキストボックス、TextBoxAおよびTextBoxB。 TextBoxAにテキストを入力し、TextBoxBの値を設定します。今、私はTextBoxBの値を編集することができ、TextBoxAの値を設定する必要があります。十分に簡単ですが、私はこれを1ページに数組のテキストボックスで使用する必要があります。
$(function() {
$(':text').css("border", "1px solid #666"); // Remove for actual app
// Sets value of corresponding textbox by ID
$(':text').blur(function() {
$('#inputval_' + ($(this).attr("id"))).val($(this).val());
});
//Styles all inputs set to read only
$('input[readonly=readonly]').css("border", "none");
$('input[readonly=readonly]').click(function() {// on click allows edit of readonly inputs
if ($(this).attr("readonly") == true) {
$(this).removeAttr("readonly");
$(this).css("border", "1px solid #666");
}
$(this).blur(function() {//on blur sets readonly back to true
if ($(this).attr("readonly") == false) {
$(this).attr("readonly", "readonly");
$(this).css("border", "none");
$('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val());
}
});
});
});
そして:
<input type="text" id="text1" name="userinput" /><br /><br />
<input type="text" id="text2" name="userinput" /><br /><br />
<input type="text" readonly="readonly" id="inputval_text1" />
<input type="text" readonly="readonly" id="inputval_text2" />
すべての作品を、テキストボックスの第2のセットを作るため除いて、それに対応する対応に影響を与える
は、これは私がこれまで持っているものです。私が間違っていることを見ることができますか?私はかなりJavaScript/jQueryのnoob(CSS/XHTMLでほとんどの時間を費やしている)だからやさしい。
:に
:第二セットのためのセレクタから変更する必要があります。ありがとう! –