チェックボックスがオフの場合はテキストフィールドから値を削除し、チェックボックスがオンの場合は追加する次のjqueryコードがあります。
最初は、すべての値が^区切り文字としてテキストボックスに表示されます。とすべてのチェックボックスがチェックされています
これがy個のコードです：
$(document).on('change','._invoice',function() {
var mystr = $(this).attr('data-id').is(":checked");
if(mystr) {
var returnVal = confirm("Are you sure?");
$(this).attr("checked", returnVal);
}
});
});
テキストフィールドの値と私もセパレーターを削除し、最後に^セパレーターとして名前を追加したいと思います。
Robert Berenson^Nancy Foster^Richard Gourhan^LORI HEDMAN^Pui Hoang^Linda Lee^Kristen McDonald^Matthew Miller^Tricia Roland^Terry West
簡単な方法は、チェックボックス変更イベントでテキストボックスのテキストを変更することです。次に、チェックボックスが変更されたときに、チェックされているすべてのチェックボックスのテキストを取得してテキストボックスに設定する必要があることを意味します。
$(".check").change(function(){
var text = "";
$(".check:checked").each(function(){
text += text != "" ? "^" : "";
if ($(this).prop("checked"))
text += $(this).val();
});
$(".text").val(text);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="check" value="Text1" />
<input type="checkbox" class="check" value="Text2" />
<input type="checkbox" class="check" value="Text3" />
<input type="checkbox" class="check" value="Text4" />
<input type="checkbox" class="check" value="Text5" />
<br/>
<input type="text" class="text" />この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加