28

私は以下のように多くのチェックボックスを持っています、

<li><input type="checkbox" name="areaofinterest" value="home_coo" id="home_coo" class="Checkbox" > Cooking</li>
    <li><input type="checkbox" name="areaofinterest" value="home_cra" id="home_cra" class="Checkbox"> Crafts</li>
    <li><input type="checkbox" name="areaofinterest" value="home_dec" id="home_dec" class="Checkbox"> Decorating</li>
    <li><input type="checkbox" name="areaofinterest" value="home_ent" id="home_ent" class="Checkbox"> Entertaining</li>
    <li><input type="checkbox" name="areaofinterest" value="home_gar" id="home_gar" class="Checkbox"> Gardening</li>
    <li><input type="checkbox" name="areaofinterest" value="home_hom" id="home_hom" class="Checkbox"> Home Improvement</li>
    <li><input type="checkbox" name="areaofinterest" value="home_mar" id="home_mar" class="Checkbox"> Marriage</li>
    <li><input type="checkbox" name="areaofinterest" value="home_par" id="home_par" class="Checkbox"> Parenting</li>
    <li><input type="checkbox" name="areaofinterest" value="home_pet" id="home_pet" class="Checkbox" > Pets</li>
    <li><input type="checkbox" name="areaofinterest" value="home_ret" id="home_ret" class="Checkbox"> Retirement</li>

jQueryを使用して、チェックされた値を取得し、areaofinterest = "home_coo、home_mar、home_pet"として出力するにはどうすればよいですか？

どうもありがとう。

4

7 に答える 7

115

.map()関数を使用します。

$('.Checkbox:checked').map(function() {return this.value;}).get().join(',')

それを分解する：

$('.Checkbox:checked')チェックされたチェックボックスを選択します。

.map(function() {return this.value;})チェックされたチェックボックスの値を含む配列を保持する jQuery オブジェクトを作成します。

.get()実際の配列を返します。

.join(',');配列のすべての要素をコンマで区切って文字列に結合します。

ワーキングデモ

于 2012-07-30T14:21:38.990 に答える
4 
var areaofinterest = '';

$('[name="areaofinterest"]')​.each(function(i,e) {
    var comma = areaofinterest.length===0?'':',';
    areaofinterest += (comma+e.value);
})​;

チェックボックスの値のみを取得するには：

var areaofinterest = '';

$('[name="areaofinterest"]')​.each(function(i,e) {
    if ($(e).is(':checked')) {
        var comma = areaofinterest.length===0?'':',';
        areaofinterest += (comma+e.value);
    }
})​;

フィドル

次のこともできます。

var areaofinterest = [];
$('[name="areaofinterest"]:checked').each(function(i,e) {
    areaofinterest.push(e.value);
});

areaofinterest = areaofinterest.join(',');

そして、これを行うにはおそらく他の方法がたくさんありますか？

于 2012-07-30T14:16:19.683 に答える
0 
var values = "";
$("checkbox[name=areaofinterest]").each(function() { 
    values += $(this).val() + ",";
});

values = values.substring(0, values.length - 2);
于 2012-07-30T14:16:17.820 に答える
0

次のようなものを試してください。

var areaofinterest= "";

$("input[type=\"checkbox\"]").each(function() {
    if ($(this).attr("checked")) {
        if (areaofinterest !== "") areaofinterest += ",";

        areaofinterest += $(this).value();
    }
});
于 2012-07-30T14:17:24.193 に答える
0

または、以下に示すように配列を使用して行うことができます

 var checkBoxArray = new Array();
 var areaofinterest = '';

 $(':checkbox:checked').each(function(i){
        checkBoxArray .push($(this).attr("value"));

});

  if (checkBoxArray .length == 0) {
     } else {
     while (checkBoxArray .length != 0) {
            if (checkBoxArray .length == 1) {
                areaofinterest += checkBoxArray .pop();
            } else {
                areaofinterest += (checkBoxArray .pop() + ",");
                 }
            }
}
console.log(areaofinterest);

ただし、文字列は逆の順序で取得されます。

于 2013-10-17T10:38:39.557 に答える