ホームページ > ウェブフロントエンド > jsチュートリアル > 選択されたチェックボックスの値を個別に取得する jQuery の例_jquery

選択されたチェックボックスの値を個別に取得する jQuery の例_jquery

WBOY
リリース: 2016-05-16 16:44:09
オリジナル
1180 人が閲覧しました
コードをコピー コードは次のとおりです:

function jqchk(){ //jquery はチェックボックスの値を取得します
var s='';
$('input[name="aihao"]:checked').each(function(){
s =$(this).val() ',' ;
});

「送信」をクリックすると、正しい選択値が得られますが、その後にもう 1 つ (英語のカンマ) が表示されます。チェックボックスで値を選択すると、通常は配列に変換されて使用されるため、配列に変換した後に最後の配列要素を削除することもできます。
コードをコピーします コードは次のとおりです:

if (s.length > 0) {
//選択されたチェックボックスの値シーケンスを取得します
s = s.substring(0,s.length - 1);
}
alert(s==''?' ':s);
}


主にチェックボックスの値を取得し、それを配列に入れます。それを文字列に連結します
コードをコピーします コードは次のとおりです:

var chenked=$ ("input[type='checkbox ']:checked").val([]);
var names = "";
for(var i=0;inames = chenked[i] .value ",";
}

はよりエレガントにすることができます:
コードをコピー コードは次のとおりです:

var arr_v = new Array();

=$("input[type='checkbox']:チェック済み").each(function(){

arr_v.push(this.val());

});

arr_v.join(',') ;

つまり
コードをコピーします コードは次のとおりです:

//これが重要なポイントです。この文は次の文と同じです。最初の文は同じ効果があります。
var selectedItems = new Array();
$("input[@name='itemSelect []']:checked").each(function() {selectedItems.push($ (this).val());});

if (selectedItems .length == 0)
alert("削除するアイテムを選択してください。");
else
$.ajax({
type: "POST",
url: "/ajax_do_something.php",
data: "items=" selectedItems.join('|'),
dataType : "text",
success: function (request) {
document.location.reload(); ,
error: function(request,error){
alert('項目の削除中にエラーが発生しました。後でもう一度お試しください。');
}
}
); 🎜>
java Split


コードをコピー コードは次のとおりです: 文字列名= null;
文字列名 1 = null;
文字列名 2 = null;
文字列名 = names.split(",");
for(String x : name){
if("zhangsan".equals( x)){
name1 = x;
}
if("lisi".equals(x) ){
name2 = x;
}
}


jquery を変更するときにバックグラウンド クエリのチェックボックスを選択します



コピーコード
コードは次のとおりです: var struids='${useridstr}' // バックグラウンドでデータを取得します alert(struids) ;
if(struids!='')
{
var str=struids.split( ",");
for(var j=0;j{
$(":checkbox[value='" str[j] "']").attr("checked",true);
}


ドロップダウン ボックス



コードをコピー

コードは次のとおりです: var module='${module}' $("#module option[value='" module "']").attr ("selected","selected"); var s = $("#parentId").find("option:selected").val();
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート