Tôi đã tự hỏi nếu ai đó có thể trợ giúp với một số mã jquery để làm như sau. Tôi có một danh sách thả xuống chọn danh sách mà tôi muốn lọc danh sách các hộp kiểm.lọc dữ liệu dựa trên thuộc tính dữ liệu tùy chỉnh bằng cách sử dụng jquery
Đây là những gì mã html của tôi trông giống như
<span style="float:right;">
<label>Filter</label>
<select id="office-type-list" name="OfficeTypes"><option value="00">All</option>
<option value="05">Township</option>
<option value="10">Municipality</option>
<option value="15">Elementary School</option>
<option value="20">High School</option>
</select>
</span>
<!-- List below -->
<div name="Offices">
<div data-custom-type="00">
<input type="checkbox" name="Offices" id="Offices_0000" value="0000" /> <label for="Offices_0000">All</label>
</div>
<div data-custom-type="05">
<input type="checkbox" name="Offices" id="Offices_0010" value="0010" /> <label for="Offices_0010">Township 1p</label>
</div>
<div data-custom-type="05">
<input type="checkbox" name="Offices" id="Offices_0020" value="0020" /> <label for="Offices_0020">Township 2</label>
</div>
</div>
Vì vậy, nếu Township được chọn (05) thì chỉ có các divs với dữ liệu tùy chỉnh-type = "05" sẽ hiển thị.
Có cách nào để đạt được điều này và nếu như vậy một số trợ giúp sẽ được nhiều đánh giá cao
đầu tiên của tất cả 'kiểu dữ liệu tùy chỉnh' phải là' dữ liệu-r' trừ khi bạn chỉ sử dụng HTML5. nó có thể thất bại trên các trình duyệt cũ hơn. điều thứ hai, một div không thể có một tên, tên chỉ dành cho đầu vào, đổi tên thành id. – Dementic
Câu trả lời bạn đã chọn không thành công khi chọn một mục và sau đó chọn 'Tất cả'. Khi thực hiện việc này, chỉ hiển thị 'Tất cả', không phải tất cả các div/hộp kiểm gốc. Câu trả lời của tôi cũng xử lý trường hợp đó. – j08691
bạn hoàn toàn chính xác. Tôi đã tiếp tục và cập nhật câu trả lời được chấp nhận của mình. cảm ơn. – zSynopsis