http://www.w3.org/1999/xhtml">
<頭>
jquery はチェック ボックスをクリックしてイベントをトリガーし、入力に値を割り当てます - Ke Leyi
すべて選択< /td>
|
張三
李思
Keley
趙劉
|
<スクリプトタイプ="text/javascript">
$(関数(){
$('[data-type="checkbox"]').click(function(){
var data_value = $(this).attr('data-value'),
txt also = $.trim($(".txtValue").val());
if($(this).prop("チェック済み")) {
if(txtalso.length > 0) {
if(txt also.indexOf(data_value ',') != -1) {
戻る ;
} else {
txt also = data_value ',';
}
} else {
txt also = data_value ',';
}
} else {
if(txt also.indexOf(data_value ',') != -1) {
txt also = txtlike.replace(data_value ',', '');
}
}
$(".txtValue").val(txt also);
});
$('[data-type="checkall"]').click(function(){
var str = '';
if($(this).prop("チェック済み")) {
$.each($('[data-type="checkbox"]'), function(i){
str = $(this).attr('data-value') ',';
});
$('[data-type="checkbox"]').prop('checked', true);
} else {
$('[data-type="checkbox"]').prop('checked', false);
}
$(".txtValue").val(str);
});
});
