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 Show
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ã HTMLCá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ã JqueryTrong đ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 JavascriptMã HTMLCá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 jQuerySau đâ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="https://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ữ Gitbả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ẻ
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 Làm cách nào để bật hoặc tắt TextBox bằng JavaScript?Dự án trong JavaScript & JQuery
. $('tên phần tử'). attr('disabled','disabled'); Để bật phần tử bị vô hiệu hóa, chúng ta cần xóa thuộc tính “disabled” khỏi phần tử này.
Làm cách nào để bật vùng văn bản trong JavaScript?textarea name= "textarea" cols = "60" rows= "10" bị vô hiệu hóa= "bị vô hiệu hóa" id= "textarea" Sinh viên dự án CNTT-1 vui lòng kiểm tra LMS để biết sơ bộ . name= "textarea" cols="60" rows= "10" bị vô hiệu hóa= "bị vô hiệu hóa" id= "textarea"> Sinh viên Dự án CNTT- 1 vui lòng kiểm tra LMS để biết yêu cầu ban đầu.
Làm cách nào để bật một nút trong JavaScript?Để tắt một nút chỉ sử dụng JavaScript, bạn cần đặt thuộc tính bị vô hiệu hóa của nút đó thành false. Ví dụ. yếu tố. bị vô hiệu hóa = đúng. Và để bật một nút, chúng tôi sẽ làm ngược lại bằng cách đặt thuộc tính JavaScript bị vô hiệu hóa thành false .
Làm cách nào để bật div trong JavaScript?prop("đã tắt",true); |
