Bật/tắt nút dựa trên nhiều hộp kiểm trong javascript
User1224194097 đã đăng
nếu bạn có một gridview như Show
thêm chức năng javascript này trong mã phía sau protected void gvNames_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { ((CheckBox)e.Row.FindControl("cbActivate")).Attributes.Add("onclick", "ToggleButton(this,'" + ((Button)e.Row.FindControl("btnAdd")).ClientID + "');"); } } Điều đó sẽ bật/tắt nút khi bạn nhấp vào hộp kiểm Với bài viết này, chúng ta sẽ xem xét một số ví dụ về cách giải quyết vấn đề Tắt nút gửi cho đến khi hộp kiểm được kiểm tra Javascript // Retrieve reference to checkbox const disableCheckBox = document.getElementById("disable-checkbox"); // Retrieve reference to button const submitButton = document.getElementById("submit-button"); disableCheckBox.addEventListener("change", (e) => { if (e.target.checked) { // Disable button when checkbox is selected submitButton.disabled = true; } else { // Enable button when checkbox is deselected submitButton.disabled = false; } }); Dưới đây, bạn sẽ tìm thấy một số ví dụ về các cách khác nhau để giải quyết vấn đề Tắt nút gửi cho đến khi hộp kiểm được kiểm tra Javascript disableCheckBox.addEventListener("change", (e) => { if (e.target.checked) { // Disable button when checkbox is selected submitButton.disabled = true; } else { // Enable button when checkbox is deselected submitButton.disabled = false; } }); Chúng tôi đã có thể giải quyết vấn đề Tắt nút gửi cho đến khi hộp kiểm được kiểm tra Javascript bằng cách xem xét một số ví dụ khác Làm cách nào để tắt nút gửi cho đến khi hộp kiểm được chọn?tắt nút gửi cho đến khi hộp kiểm được chọn javascript
Làm cách nào để tắt nút gửi cho đến khi biểu mẫu được điền?Chỉ cần nhấp vào f12 trong trình duyệt của bạn, tìm nút gửi trong html, sau đó xóa nút bị vô hiệu hóa. Nó sẽ gửi biểu mẫu ngay cả khi đầu vào trống Làm cách nào để bạn tắt nút khi gửi bằng JavaScript?Cách tắt một nút bằng JavaScript
Làm cách nào để bạn tắt một nút cho đến khi hộp kiểm được chọn ở góc?Chúng tôi sẽ sử dụng lệnh Angular JS có tên ng-disabled để tắt nút bằng cách bỏ chọn hộp. Vui lòng tham khảo Chỉ thị ng-vô hiệu hóa AngularJS. Lệnh ng-disabled được sử dụng để bật hoặc tắt các phần tử HTML. 27-Jul-2021 Làm cách nào để bật nút nếu ít nhất một hộp kiểm được chọn?VÀ, sử dụng. attr() cho thuộc tính bị vô hiệu hóa với giá trị boolean đó sẽ bật/tắt nút đó. var checkboxes = $(“input[type='checkbox']”), submitButt = $(“input[type='submit']”); . 12-Jul-2011 Làm cách nào để tắt một nút?Thuộc tính bị vô hiệu hóa là thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng nút này sẽ bị tắt. Nút bị vô hiệu hóa không sử dụng được và không thể nhấp được. Thuộc tính bị vô hiệu hóa có thể được đặt để ngăn người dùng nhấp vào nút cho đến khi đáp ứng một số điều kiện khác (như chọn hộp kiểm, v.v. ) Làm cách nào để tắt nút nếu hộp nhập liệu trống và bật khi trường được điền vào góc?Điều chính bạn cần là một biến mẫu, trong trường hợp của tôi, đó là #register=”ngForm” và bạn sẽ sử dụng nó để xác thực biểu mẫu tại nút gửi, bằng cách đặt giá trị của nó thành thuộc tính bị vô hiệu hóa như [disabled]=”. 27-Jun-2018 Làm cách nào để tắt nút gửi trong React JS?Sử dụng chỗ dựa bị vô hiệu hóa để tắt một nút trong React, e. g. Nhấp chuột. Bạn có thể sử dụng prop để vô hiệu hóa nút một cách có điều kiện dựa trên giá trị của trường đầu vào hoặc biến khác hoặc để ngăn nhiều lần nhấp vào nút. 30-Apr-2022 Làm cách nào tôi có thể ngăn người dùng sử dụng phần tử kiểm tra để bật phần tử bị vô hiệu hóa?Bạn có thể tắt F12, nhấp chuột phải, nút ctrl, v.v. Nếu thông tin đang được chỉnh sửa nhạy cảm đến mức “đáng sợ” thì chỉ cần xác thực phía máy chủ. Họ có thể sử dụng các công cụ như fiddler để thực hiện các Yêu cầu http mà bạn không mong muốn. 10-Tháng 9-2017 Làm cách nào để bạn tạo một nút Không thể nhấp được?Bạn có thể tắt phần tử trong HTML bằng cách thêm thuộc tính bị vô hiệu hóa vào phần tử. Thuộc tính bị vô hiệu hóa là một thuộc tính boolean cho phép bạn vô hiệu hóa một phần tử, làm cho phần tử đó không sử dụng được từ trình duyệt. 06-Aug-2021 |