masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 基于jquery实现状态限定编辑的代码_jquery

基于jquery实现状态限定编辑的代码_jquery

WBOY
Lepaskan： 2016-05-16 17:56:21
asal
912 orang telah melayarinya

页面表单初始情况如图，所有文本框都是不能编辑的


复制代码 代码如下:





项目状态限定












































状态 进度 负责人 时间
1 中标

2 谈判

3 评审

4 签约

5 完成






状态共有5中，要求点击某个状态的复选框时，这个状态和它之前的状态的文本框都可以编辑，之后的文本框都不可以编辑，如图示

实现上面的效果源码如下：

Label berkaitan：
限定编辑
sumber：php.cn
Artikel sebelumnya：利用jquery的获取JS文件中的字符串内容_jquery Artikel seterusnya：同一页面多个商品倒计时JS 基于面向对象的javascript_时间日期
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Pertanyaan dan formula membentuk keseluruhan jadual, dengan lajur baharu, dengan lajur baharu ialah formula yang melibatkan nilai lajur bersyarat lain EDIT: Formula mestilah lajur "nilai" - lajur "nilai" dengan user_id te...
daripada 2024-04-06 21:23:40
0
2
530
Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...
daripada 2024-04-06 21:21:07
0
1
474
Pengendalian roda tetikus NumberInput mengabaikan penapisan peristiwa fasa tangkapan Versi yang sangat pendek: Saya agak tersekat dan tidak begitu faham mengapa kod ini memang...
daripada 2024-04-05 12:21:04
0
1
1387
Gunakan perpustakaan yang dipasang secara tempatan dalam halaman tapak web Adakah mungkin untuk menggunakan perpustakaan (.dll, .ocx) yang ditulis untuk sistem penge...
daripada 2024-04-05 00:15:49
0
1
3563
Tidak dapat melaksanakan ubah hala htaccess ini Saya mempunyai maindomain.com yang mengandungi tapak web dan beberapa halaman di sini haru...
daripada 2024-04-04 23:43:51
0
1
1376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan