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ư

 
        
            
                
                    
                
            
            
                
                    
                
            
        
    

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

  • // Truy xuất tham chiếu đến hộp kiểm
  • const disableCheckBox = tài liệu. getElementById(“vô hiệu hóa hộp kiểm”);
  • // Truy xuất tham chiếu đến nút
  • const submitButton = tài liệu
  • vô hiệu hóaCheckBox
  • nếu (e
  • // Tắt nút khi hộp kiểm được chọn
  • gửiNút

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

  • nút const = tài liệu. truy vấnSelector('nút')
  • cái nút. bị vô hiệu hóa = đúng
  • cái nút. bị vô hiệu hóa = sai

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