Hướng dẫn what is the value of checkbox in javascript? - giá trị của hộp kiểm trong javascript là gì?

Question

Vì vậy, tôi có mã trông như thế này:

Nội dung chính Show

Hộp kiểm trả về giá trị nào?
Có bao nhiêu giá trị một hộp kiểm có thể có?
Chúng ta có thể cung cấp giá trị cho hộp kiểm không?
Phần tử hộp kiểm là gì?

Tôi chỉ cần JavaScript để có được giá trị của bất kỳ hộp kiểm nào hiện đang được kiểm tra.

Chỉnh sửa: Để thêm, sẽ chỉ có một hộp được kiểm tra.: To add, there will only be ONE checked box.

hỏi ngày 22 tháng 7 năm 2012 lúc 10:54Jul 22, 2012 at 10:54

Hướng dẫn what is the value of checkbox in javascript? - giá trị của hộp kiểm trong javascript là gì?

4

Không có điều nào ở trên làm việc cho tôi mà chỉ sử dụng điều này:

document.querySelector('.messageCheckbox').checked;

Nimantha

6.7216 huy hiệu vàng25 Huy hiệu bạc65 Huy hiệu Đồng6 gold badges25 silver badges65 bronze badges

Đã trả lời ngày 27 tháng 3 năm 2015 lúc 13:19Mar 27, 2015 at 13:19

6

Đối với các trình duyệt hiện đại:

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

Bằng cách sử dụng

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

2:

var checkedValue = $('.messageCheckbox:checked').val();

JavaScript thuần túy mà không có

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

2:

var checkedValue = null; 
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

Đã trả lời ngày 22 tháng 7 năm 2012 lúc 11:06Jul 22, 2012 at 11:06

Kỹ sưEngineer

46.8K12 Huy hiệu vàng86 Huy hiệu bạc91 Huy hiệu Đồng12 gold badges86 silver badges91 bronze badges

13

Tôi đang sử dụng cái này trong mã của mình. Hãy thử cái này

var x=$("#checkbox").is(":checked");

Nếu hộp kiểm được kiểm tra

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

4 sẽ đúng nếu không nó sẽ sai.

Đã trả lời ngày 2 tháng 9 năm 2013 lúc 13:01Sep 2, 2013 at 13:01

user1683014user1683014user1683014

1.6411 Huy hiệu vàng11 Huy hiệu bạc 6 Huy hiệu Đồng1 gold badge11 silver badges6 bronze badges

4

Trong JavaScript đơn giản:

function test() {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i

function selectOnlyOne(current_clicked) {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i

Đã trả lời ngày 22 tháng 7 năm 2012 lúc 11:02Jul 22, 2012 at 11:02

StanostanoStano

8.4606 Huy hiệu vàng28 Huy hiệu bạc43 Huy hiệu đồng6 gold badges28 silver badges43 bronze badges

Điều này không trả lời trực tiếp câu hỏi, nhưng có thể giúp khách truy cập trong tương lai.

Nếu bạn muốn có một biến luôn là trạng thái hiện tại của hộp kiểm (thay vì phải tiếp tục kiểm tra trạng thái của nó), bạn có thể sửa đổi sự kiện

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

5 để đặt biến đó.
Điều này có thể được thực hiện trong HTML:

hoặc với JavaScript:
cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})

 Đã trả lời ngày 8 tháng 4 năm 2018 lúc 8:52Apr 8, 2018 at 8:52
 
Joe Iddonjoe IddonJoe Iddon
Huy hiệu vàng 19,6K77 gold badges32 silver badges51 bronze badges
1
document.querySelector('.messageCheckbox').checked;
0document.querySelector('.messageCheckbox').checked;
1
 Đã trả lời ngày 10 tháng 8 năm 2016 lúc 15:16Aug 10, 2016 at 15:16
 
Dùng cái này:
document.querySelector('.messageCheckbox').checked;
2Điều này giả định các hộp kiểm để kiểm tra có lớp "MessageCheckBox", nếu không bạn sẽ phải thực hiện kiểm tra xem đầu vào là loại hộp kiểm, v.v.
 Đã trả lời ngày 22 tháng 7 năm 2012 lúc 10:57Jul 22,
2012 at 10:57
 
JackjoejackjoejackJoe
Huy hiệu vàng 11K848 Huy hiệu bạc64 Huy hiệu đồng8 gold badges48 silver badges64 bronze badges
document.querySelector('.messageCheckbox').checked;
3document.querySelector('.messageCheckbox').checked;
4

 Đã trả lời ngày 17 tháng 2 năm 2019 lúc 19:45Feb 17, 2019 at 19:45
 
Người ngoài hành tinhAlien
991 Huy hiệu vàng1 Huy hiệu bạc11 Huy hiệu đồng1 gold badge1 silver badge11 bronze badges
Không có điều nào ở trên cho tôi không có lỗi trong bảng điều khiển khi hộp không được kiểm tra nên tôi đã làm gì đó dọc theo các dòng này (onclick và chức năng hộp kiểm chỉ được sử dụng cho mục đích demo, trong trường hợp sử dụng của tôi, đó là một phần của Hàm gửi biểu mẫu lớn hơn nhiều):
document.querySelector('.messageCheckbox').checked;
5document.querySelector('.messageCheckbox').checked;
6
 Đã trả lời ngày 7 tháng 1 năm 2020 lúc 7:47Jan 7, 2020 at 7:47
 
Spicespicespice
1.36216 huy hiệu bạc33 huy hiệu đồng16 silver badges33 bronze badges
Nếu bạn đang sử dụng UI Semantic React, 
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
6 sẽ được truyền dưới dạng tham số thứ hai cho sự kiện var checkedValue = document.querySelector('.messageCheckbox:checked').value;
7.
Do đó, bạn có thể truy cập thuộc tính 
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
8 như sau:
document.querySelector('.messageCheckbox').checked;
7
 Đã trả lời ngày 19 tháng 4 năm 2018 lúc 14:11Apr 19, 2018 at 14:11
 
Dave Clarkdave ClarkDave Clark
2.20514 huy hiệu bạc32 huy hiệu đồng14 silver
badges32 bronze badges
Nếu bạn muốn nhận các giá trị của tất cả các hộp kiểm bằng jQuery, điều này có thể giúp bạn. Điều này sẽ phân tích danh sách và tùy thuộc vào kết quả mong muốn, bạn có thể thực thi mã khác. BTW, với mục đích này, người ta không cần đặt tên cho đầu vào bằng dấu ngoặc []. Tôi bỏ chúng ra.
document.querySelector('.messageCheckbox').checked;
8



 
Dharman ♦♦
28.5K21 Huy hiệu vàng77 Huy hiệu bạc129 Huy hiệu đồng21 gold badges77 silver badges129 bronze badges
 Đã trả lời ngày 8 tháng 12 năm 2020 lúc 22:35Dec 8, 2020 at 22:35
 
DanimalreksdanimalreksDanimalReks
1752 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges
Trình duyệt JavaScript thuần túy và hiện đại
document.querySelector('.messageCheckbox').checked;
9Thí dụ
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
0
Tùy chọn_Chaining (?.)

 Đã trả lời ngày 10 tháng 11 năm 2021 lúc 3:58Nov 10, 2021 at 3:58
 
CarsonCarsonCarson
4.6802 Huy hiệu vàng30 Huy hiệu bạc40 Huy hiệu đồng2 gold badges30 silver badges40 bronze badges
Trong dự án của tôi, tôi thường sử dụng đoạn trích này:
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
1Và nó hoạt động tốt.
 
Dharman ♦♦
28.5K21 Huy hiệu vàng77 Huy hiệu bạc129 Huy hiệu đồng21 gold badges77 silver badges129 bronze badges
 Đã trả lời ngày 8 tháng 12 năm 2020 lúc 22:35Aug 3, 2016 at 2:18
 
1
 
Hộp kiểm trả về giá trị nào?
Giá trị trả về: Nó trả về một giá trị chuỗi đại diện cho giá trị của thuộc tính giá trị của trường hộp kiểm đầu vào.a string value that represents the value of the value attribute of a input checkbox field.
Có bao nhiêu giá trị một hộp kiểm có thể có?
Hộp kiểm có thể chuyển một trong hai giá trị cho biến này - một giá trị cho trạng thái được kiểm tra và một giá trị khác cho trạng thái không được kiểm soát.two values to this variable - one value for the checked state and another one for the unchecked state.
Chúng ta có thể cung cấp giá trị cho hộp kiểm không?
Hộp kiểm cho phép bạn chọn các giá trị đơn để gửi trong một biểu mẫu (hoặc không)..
Phần tử hộp kiểm là gì?
Định nghĩa và cách sử dụng.Xác định một hộp kiểm.Hộp kiểm được hiển thị dưới dạng hộp vuông được đánh dấu (đã kiểm tra) khi được kích hoạt.Hộp kiểm được sử dụng để cho phép người dùng chọn một hoặc nhiều tùy chọn về số lượng lựa chọn hạn chế.Mẹo: Luôn thêm thẻ cho thực tiễn tiếp cận tốt nhất! defines a checkbox. The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices. Tip: Always add the  tag for best accessibility practices!

programming javascript HTML checkbox checked Checkbox HTML JavaScript check Checkbox checked JavaScript

Hướng dẫn what is the value of checkbox in javascript? - giá trị của hộp kiểm trong javascript là gì?

Thí dụ

Hộp kiểm trả về giá trị nào?

Có bao nhiêu giá trị một hộp kiểm có thể có?

Chúng ta có thể cung cấp giá trị cho hộp kiểm không?

Phần tử hộp kiểm là gì?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội