Câu hỏi Nhận giá trị hộp kiểm bằng cách sử dụng tên hộp kiểm


Tôi có một số hộp kiểm đầu vào, (họ tên là giống nhau cho gửi mảng trên máy chủ).

Vì vậy, tôi cần phải có được mỗi giá trị hộp kiểm này và tôi muốn sử dụng như tên hộp kiểm chọn, điều này không hoạt động, xin vui lòng giúp đỡ.

<form>
  <input type="checkbox" name="bla[]" value="1" />
  <input type="checkbox" name="bla[]" value="2" />
</form>

js:

$(document).ready( function () {    

   $("input[name=bla]").each( function () {
       alert( $(this).val() );
   });

});

BẢN GIỚI THIỆU


32
2018-01-07 08:49


gốc


Mã của bạn sẽ hoạt động, nếu bạn xóa [] trong tên param nghĩa là bla [] thành bla - Bhaskara Arani


Các câu trả lời:


Bạn đang chọn đầu vào có thuộc tính tên của "bla"nhưng đầu vào của bạn có "bla[]" thuộc tính name.

$("input[name='bla[]']").each( function () {

http://jsfiddle.net/26axX/


54
2018-01-07 08:51



Cảm ơn rất nhiều, cảm ơn tất cả mọi người, tôi sẽ chấp nhận câu trả lời này :) - RIKI
@OTARIKI Bạn được chào đón :) - undefined
Thêm: được chọn để chỉ tìm các hộp kiểm đã chọn là $ ("input [name = 'bla []']: checked"). Each (function () { - Satish
Chỉ cần làm việc mà không có dấu ngoặc vuông cho tôi. - AlexioVay


Bạn cũng nên bao gồm các dấu ngoặc vuông. . .

<input type="checkbox" name="bla[]" value="1" />

do đó tham chiếu nó phải như là name='bla[]'

$(document).ready( function () { 

   $("input[name='bla[]']").each( function () {
       alert( $(this).val() );
   });

});

11
2018-01-07 08:54





Tôi muốn thêm rằng nếu bạn đang cố gắng để có được tất cả các hộp kiểm với tên đó đã được chọn, bạn sẽ muốn sử dụng cú pháp sau:

$("[name='bla[]']:checked").each(function () {
    // do stuff
});

Đảm bảo không có khoảng cách giữa phần đóng ] và :checked


7
2018-02-23 21:31



Tốt để xem sử dụng :checked chọn và tránh thêm if statement - hmd


Giống như nó đã được nói vài lần, bạn cần phải thay đổi bộ chọn của bạn để

$("input[name='bla[]']")

Nhưng tôi muốn thêm, bạn  để sử dụng dấu nháy đơn hoặc kép khi sử dụng [] trong bộ chọn.


4
2018-01-07 08:53





$("input[name='bla[]']").each( function () {
    alert($(this).val());
});

3
2018-01-07 08:51





Nếu bạn muốn nhận danh sách tất cả các giá trị của hộp kiểm được chọn (ví dụ: để gửi chúng dưới dạng danh sách trong một cuộc gọi AJAX đến máy chủ), bạn có thể nhận danh sách đó với:

var list = $("input[name='bla[]']:checked").map(function () {
    return this.value;
}).get();

3
2017-09-07 11:31



Giải pháp hoàn hảo (y) +1 - Ghulam Ali


// nhận giá trị hộp kiểm bằng cách sử dụng tên hộp kiểm

<head>
        <script>
        function getCheckBoxValues(){
            $('[name="checkname"]').each( function (){
                alert($(this).val());
            });
        }
        </script>
    </head>
    <body>
        <input type="checkbox" name="checkname" value='1'/>
        <input type="checkbox" name="checkname" value='2'/>
        <input type="checkbox" name="checkname" value='3'/>
        <input type="button" value="CheckBoxValues" onclick="getCheckBoxValues()"/>
    </body>

// chỉ nhận được các giá trị phù thủy được kiểm tra

function getCheckBoxValues(){
        $('[name="checkname"]').each( function (){
            if($(this).prop('checked') == true){
                alert($(this).val());
            }
        });
    }

2
2018-02-04 07:10





$('[name="CheckboxName"]:checked').each(function () {
    // do stuff
});

2
2017-12-01 12:44