Pilihan tambahkan opsi dan letakkan di item terakhir
Kode HTML:
<sorm> <pilih name = "location" id = "location"> <option value = "beijing1"> beijing </tiption> <option value = "shanghai1"> shanghai </tiption> <option value = "chengdu1"> chengdu </pect> </form opsi = "changsha1"> Option> </Option> </Option> </Form Option = "Changsha1" "> Option> </Form> </Form =" Changsha1 ""> Option> </FORMOR> </Changsha1 ">
Kode JS:
var select = document.forms [0] .elements ['location'];
Metode pertama: tambahkan opsi radio
var newoption = document.createElement ('option'); var newtext = document.createTextNode ('guangzhou'); newoption.appendChild (newText); newoption.setAttribute ('value', 'Guangzhou'); select.AppendChild (newoption);Metode kedua: Juga tambahkan opsi pilihan tunggal. Bukankah lebih sederhana? Haha, tetapi tidak kompatibel dengan versi IE8 dan di atas
var newsOption = Opsi baru ('nanchang1', 'nanchang'); select.AppendChild (newsOption);Metode ketiga: Tambahkan kotak radio untuk dilihat, solusi terbaik, yang satu ini nyaman dan kompatibel
var nnewoption = opsi baru ('fengcheng1', 'fengcheng'); select.add (nnewoption, tidak terdefinisi);Hapus opsi:
Metode pertama: pilih.
Metode kedua: SELECT.Options [i] = null;
Metode ketiga: select.removechild (select.Options [i])
Berikut adalah tiga cara untuk menghapus centang pada radio untuk radio
Artikel ini bergantung pada jQuery, metode pertama dan kedua diimplementasikan menggunakan jQuery, dan metode ketiga diimplementasikan berdasarkan JS dan DOM.
<!DOCTYPE HTML> <html> <head> <title>Three ways to uncheck radio button</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script> <script type="text/javascript"> $(function(){ // var $ browser = $ (input [name = browser] "); $ browsers.attr ("checked", false); $remove.click(function(e){ // Go directly to the DOM element, remove attributes// If you do not use jQuery, you can port this method var checkedbrowser=document.getElementsByName("browser"); /* $.each(checkedbrowser, function(i,v){ v.checked = false; v.removeAttribute("checked"); }); */// var len = CHECKEDBROWSER.Length; var i = 0; </script> </head> <body> <p> Browser mana yang Anda suka? </p> <sorm> <input style = "display: none;" id="hidebrowser" type="radio" name="browser" value=""> <input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /> <input type="radio" name="browser" value="Firefox">Firefox<br /> <input type="radio" name="browser" value="Netscape">Netscape<br /> <input type = "Radio" name = "browser" value = "netscape"> netscape <br /> <input type = "Radio" name = "browser" value = "opera"> Opera <br /> <br /> <input type = "" id = "cancel" value = "tidak dipilih metode 1" Ukuran = "20" 20 "20>" 20 "20>" ID = "batal" value = "tidak dipilih metode 1" Ukuran = "20" 20> "20"> "BUTLET =" ID = "Cancel" Value = "Metode Tidak Select 1" Ukuran = "20" 20 ">" 20 ">" 20 "20"> "ID =" BATHUT "NILAI =" METODE BANPAAN 1 "20" 20 "20" 20 " size = "20"> <input type = "tombol" id = "lepas" value = "unselect Method 3" size = "20"> </form> </body> </html>Di atas adalah opsi penambahan dan penghapusan untuk kotak radio dalam bentuk yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!