JQuery menukar input ke teks

3 Gunakan jQuery untuk menukar input borang anda ke dalam elemen teks . Pada masa ini skrip hanya berfungsi untuk input teks tetapi dengan mudah boleh dilanjutkan untuk berfungsi untuk jenis input lain seperti TextArea, Radio, Checkbox dan lain -lain ...

Soalan Lazim (Soalan Lazim) Mengenai JQuery Convert Input Text

Bagaimana saya boleh mendapatkan nilai kotak teks input menggunakan jQuery?

Untuk mendapatkan nilai kotak teks input menggunakan jQuery, anda boleh menggunakan kaedah .val (). Kaedah ini mengembalikan nilai elemen yang dipilih. Berikut adalah contoh:

$form <span>= $('#register-form1');
</span>$form<span>.find(':input').each( function(i<span>,v</span>)
</span><span>{
</span>    <span>var iElem = $(v),
</span>        name <span>= iElem.attr('name'),
</span>        type <span>= iElem.attr('type'),
</span>        labelElem <span>= iElem.parents().find('label[for="'+name+'"]'),
</span>        labelTxt <span>= labelElem.html(),
</span>        iVal <span>= iElem.val();
</span>
    <span>if(type == 'input')
</span>    <span>{
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span>
    <span>}
</span><span>else if (type == 'password')
</span><span>{
</span>    iVal <span>= iVal.substr(i).replace(<span>/<span><span>[S]</span></span>/g</span>, "*");
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span><span>}
</span>    <span>//remove old input elements
</span>    iElem<span>.remove();
</span>    labelElem<span>.remove();
</span><span>});</span>

$ (document) .ready (function () {

$ ("butang"). Klik (fungsi () {

alert ("value:" $ ("#### Ujian "). val ()); ); kotak.

Bagaimana saya boleh menetapkan nilai kotak teks input menggunakan jQuery? , tetapi kali ini anda lulus nilai baru sebagai hujah. Berikut adalah contoh:

$ (document) .ready (function () {
$ ("butang"). Klik (fungsi () { $ ("#test"). Val ( "Hello World"); ); );

bagaimana saya boleh menukar teks input ke huruf besar menggunakan jQuery?

Untuk menukar teks input ke huruf besar menggunakan jQuery, anda boleh menggunakan kaedah .toUppercase () rentetan javascript dalam kombinasi dengan kaedah .val () JQuery. Berikut adalah contoh:

$ (dokumen). Ready (function () {

$ ("butang"). Klik () {

var text = $ ("#test") .val (); $ ("#ujian"). val (text.touppercase ()); });
}); The Nilai elemen input dengan id "ujian" ditukar kepada huruf besar.

Bagaimana saya boleh menukar teks input ke huruf kecil menggunakan jQuery?

Kaedah .tolowerCase () rentetan JavaScript dalam kombinasi dengan kaedah jQuery .val (). Berikut adalah contoh:

$ (dokumen). Ready (function () {

$ ("butang"). Klik () {

var text = $ ("#test") .val ();

$ ("#ujian"). val (text.tolowerCase ()); ); ); The Nilai elemen input dengan id "ujian" ditukar kepada huruf kecil.

bagaimana saya boleh memangkas ruang terkemuka dan trailing dari teks input menggunakan jQuery? Kaedah JQuery .val (). Berikut adalah contoh:

$ (dokumen). Ready (function () {
$ ("butang"). Klik () {
var text = $ ("#test") .val (); $ ("#ujian"). val ($. trim (teks)); ); ); , Memimpin dan ruang trailing dikeluarkan dari nilai elemen input dengan id "ujian".
Bagaimana saya boleh menggantikan sebahagian daripada teks input menggunakan jQuery?

Teks menggunakan jQuery, anda boleh menggunakan kaedah .replace () javascript rentetan dalam kombinasi dengan kaedah jQuery .val (). Berikut adalah contoh:

$ (dokumen). Ready (function () {
$ ("butang"). Klik () {

var text = $ ("#test") .val ();

$ ("#ujian"). val (text.replace ("lama", "baru"));

});

}); , semasa butang Diklik, kejadian pertama rentetan "lama" dalam nilai elemen input dengan "ujian" ID digantikan dengan "baru".

Untuk memeriksa sama ada teks input kosong menggunakan jQuery, anda boleh menggunakan kaedah .val () dan bandingkan nilai yang dikembalikan dengan rentetan kosong. Berikut adalah contoh:

$ (dokumen). Ready (function () {
$ ("butang"). Klik () {
var text = $ ("#test") .val (); if (text == "") { alert ("input kosong"); }
});
}); Contohnya, apabila butang diklik, kotak amaran dipaparkan jika nilai elemen input dengan "ujian" id kosong.

Bagaimana saya boleh melumpuhkan kotak teks input menggunakan jQuery?

Untuk melumpuhkan kotak teks input menggunakan jQuery, anda boleh menggunakan kaedah .prop () dan tetapkan harta "dilumpuhkan" kepada benar. Berikut adalah contoh:

$ (document) .ready (function () {
$ ("butang"). Klik (fungsi () {
$ ("#test"). "dilumpuhkan", benar); ); ); boleh Saya mengaktifkan kotak teks input yang dilumpuhkan menggunakan jQuery?

Untuk membolehkan kotak teks input kurang upaya menggunakan jQuery, anda boleh menggunakan kaedah .prop () dan tetapkan harta "dilumpuhkan" kepada palsu. Berikut adalah contoh:

$ (document) .ready (function () {
$ ("butang"). Klik (fungsi () {
$ ("#test"). "dilumpuhkan", palsu); ); ); boleh Saya memberi tumpuan kepada kotak teks input menggunakan jQuery?

Untuk memberi tumpuan kepada kotak teks input menggunakan jQuery, anda boleh menggunakan kaedah .focus (). Berikut adalah contoh:

$ (document) .ready (function () {
$ ("butang"). Klik (function () { $ ("#test"). Fokus (fokus ( ); ); );

Atas ialah kandungan terperinci JQuery menukar input ke teks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!