ホームページ > 記事 > ウェブフロントエンド > jqueryは、チェックボックスをチェックしてイベントをトリガーし、input_jqueryに値を割り当てるように実装します。

jqueryは、チェックボックスをチェックしてイベントをトリガーし、input_jqueryに値を割り当てるように実装します。

WBOYオリジナル: 2016-05-16 16:16:451941ブラウズ

コードは次のとおりです:

http://www.w3.org/1999/xhtml">
<頭>
jquery はチェックボックスをクリックしてイベントをトリガーし、入力に値を割り当てます - Ke Leyi

<スクリプトタイプ="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);
});
});

上記はすべてこのコードです。お友達が自由に拡張したり、美しくしたりできます。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript プログラミングで簡単にバグを引き起こす方法に関するヒント次の記事：JavaScript プログラミングで簡単にバグを引き起こす方法に関するヒント

続きを見る

jqueryは、チェックボックスをチェックしてイベントをトリガーし、input_jqueryに値を割り当てるように実装します。

関連記事