简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

input:checkbox多选框实现单选效果跟radio一样_jquery

WBOY
Lepaskan： 2016-05-16 16:44:20
asal
1094 orang telah melayarinya

最近遇到一个小小的问题，就是有时候我们使用单选radio的时候，会发现当我们选中一个之后，再也无法一个都不选了，即选中后没有取消的功能，此时便想到了功能强大的checkbox，但他是多选，怎么才能让他变成单选，效果跟radio一样呢，本菜鸟就自己写了个小程序，代码很简单，只有四行。

废话不多说，直接代码：

复制代码 代码如下:






无标题文档






1
2
3
4
5
6
7



Label berkaitan：
input 多选框
sumber：php.cn
Artikel sebelumnya：Javascript实现简单的富文本编辑器附演示_javascript技巧 Artikel seterusnya：javascript进行数组追加方法小结_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
Kekalkan kedudukan karet dalam HTML boleh diedit kandungan apabila HTML dalaman berubah Saya mempunyai div yang bertindak sebagai editor WYSIWYG. Ia bertindak sebagai kotak teks ...
daripada 2023-11-08 22:38:23
0
2
285
Vue js: Penyelesaian masalah - Membaca sifat '$refs' undefined Mendapat ralat Tidak dapat membaca sifat undefined (membaca '$refs') walaupun saya mempuny...
daripada 2023-11-07 23:34:12
0
1
305
Bagaimana untuk mencetuskan kaedah fokus input dalam kaedah dalam Vue.js? Saya mempunyai input yang menggunakan acara berikut: <b-nputclass="input"id=&...
daripada 2023-10-29 23:56:42
0
2
270
Cara untuk melindungi borang daripada penyerahan butang Pada halaman seterusnya, menggunakan Firefox, mengalih keluar butang menghantar borang, te...
daripada 2023-10-10 10:47:12
0
1
309
Pilih elemen jQuery $input._flatpicker input oleh flatpickr Saya menggunakan jquery dalam projek saya dan saya menggunakan flatpickr untuk meletakkan ...
daripada 2023-09-17 15:41:09
0
1
337
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！