Trong hướng dẫn này, chúng tôi sẽ giải thích Cách bật vô hiệu hóa hộp văn bản khi nút radio được chọn bằng javascript và jquery với một ví dụ trực tiếp
Trong khi thiết kế biểu mẫu HTML, đôi khi chúng tôi yêu cầu tùy chọn bật vô hiệu hóa trường hộp văn bản khi người dùng nhấp hoặc chọn nút radio
Ở đây trong ví dụ này, Chúng tôi sẽ tạo một biểu mẫu HTML đơn giản với 3 nút radio và một trường hộp văn bản và sử dụng hàm click() của jQuery để bật tắt trường hộp văn bản
Ví dụ 1. Bật Vô hiệu hóa Hộp văn bản dựa trên lựa chọn Nút Radio bằng Jquery
Mã HTML
Các mã HTML dưới đây để tạo một biểu mẫu đơn giản với các nút radio và Hộp văn bản
Ngôn ngữ khác
Mã Jquery
Trong đoạn mã dưới đây, chức năng nhấp chuột của Jquery sẽ cho phép vô hiệu hóa trường hộp văn bản khi chọn nút radio
Tải xuống thư viện Jquery
Ví dụ-2. Bật Tắt Hộp văn bản dựa trên lựa chọn Nút Radio bằng Javascript
Mã HTML
Các mã HTML sau được sử dụng để tạo biểu mẫu HTML đơn giản
Ngôn ngữ khác
Mã Javascript
Đoạn mã javascript sau được sử dụng để bật, tắt hộp văn bản dựa trên nút radio được chọn (đã chọn) hay không được chọn (không được chọn)
Trong hướng dẫn này, tôi sẽ giải thích cho bạn cách bật hoặc tắt asp. net textbox hoặc kiểm soát đầu vào HTML trên sự kiện nhấp vào nút trong jquery với ví dụ
Ồ, nhân tiện, chỉ để làm mới, trong các hướng dẫn trước của tôi, tôi đã giải thích hầu hết các hiệu ứng mờ dần phổ biến của jQuery, xóa cập nhật chèn nội tuyến gridview, các hiệu ứng mờ dần và mờ dần của jQuery bằng cách sử dụng quá trình chuyển đổi css3. Ngoài ra, bạn có thể tìm thấy các hướng dẫn về Gridview, Asp. mạng và jQuery
Để vô hiệu hóa asp. net textbox, hãy sử dụng đoạn script sau
<script type="text/javascript"> $("#btnDisable").click(function () { $("input:text").attr("disabled", "disabled"); return false; //to prevent from postback }); </script>Để kích hoạt asp. net textbox, hãy sử dụng đoạn script sau
<script type="text/javascript"> $("#btnEnable").click(function () { $("input:text").removeAttr("disabled"); return false; //to prevent from postback }); </script>Như bạn có thể thấy trong ví dụ trên, chúng tôi đang thêm hoặc xóa thuộc tính bị vô hiệu hóa bằng cách sử dụng phương thức attr() hoặc removeAttr() trong jQuery
Bật hoặc Tắt Asp. net TextBox trên Nút Nhấp vào Sự kiện trong jQuery
Sau đây là mã Đánh dấu HTML hoàn chỉnh mà tôi đã sử dụng để trình diễn để bật hoặc tắt asp. hộp văn bản mạng trên sự kiện nhấp vào nút trong jquery
<html> <head> <title>Enable or Disable Asp.net TextBox on Button Click Event in jQuery</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#btnDisable").click(function () { $("input:text").attr("disabled", "disabled"); return false; //to prevent from postback }); $("#btnEnable").click(function () { $("input:text").removeAttr("disabled"); return false; //to prevent from postback }); }); </script> </head> <body> <form id="form1" runat="server"> <br /> <br /> <table> <tr> <td colspan="2"> <b>* Click on any button and try to type text in textbox for demo</b> </td> </tr> <tr> <td> </td> </tr> <tr> <td>Try to type:</td> <td> <asp:TextBox ID="txtTestbox" runat="server" ClientIDMode="Static" /> </td> </tr> <tr> <td> </td> <td> <asp:Button ID="btnDisable" runat="server" Text="Disable" /> <asp:Button ID="btnEnable" runat="server" Text="Enable" /> </td> </tr> </table> </form> </body> </html>Kết quả ví dụ
Bạn cũng có thể thích, Hơn 100 câu hỏi phỏng vấn thường gặp trên Asp. net, 10 khái niệm OOPS hàng đầu trong. NET C# với các ví dụ tại đây
Tải xuống mã ví dụ
Kho lưu trữ Git
bản sao git https. //github. com/immayankmodi/jquery-enable-disable-asp-net-textbox. git
Vậy là xong, bằng cách này bạn có thể bật hoặc tắt asp. net textbox trên sự kiện bấm nút trong jQuery bằng Asp. trang mạng
Hãy cho tôi biết nếu bạn có bất kỳ câu hỏi hoặc nghi ngờ nào về hướng dẫn này bằng cách viết ra các truy vấn của bạn trong phần bình luận bên dưới. Tôi sẽ rất vui khi cung cấp cho bạn thông tin phản hồi của tôi càng sớm càng tốt
Mã hóa vui vẻ
- THẺ
- asp. net
- Điều khiển
- jQuery
- Hộp văn bản
liên kết
Tumblr
điện báo
Bài viết trước Hiệu ứng làm mờ jQuery – fadeIn fadeOut fadeTo fadeTo chuyển sang văn bản DIV
Bài viết tiếp theo Thay đổi màu nền của hộp văn bản khi lấy nét hoặc làm mờ trong Asp. lưới
Mayank Modi
Xin chào, tôi là Mayank, người đứng sau Technical Mack. Tôi bắt đầu AspnetO với mục đích giáo dục mọi người về các ngôn ngữ lập trình khác nhau, từ cấp độ mới bắt đầu đến chuyên gia. Thông qua blog này, tôi mong muốn cung cấp nội dung sâu sắc hơn