Javascriptda katakchani belgilab qo'yganligini tekshirish

Menda 5dan kamida bitta qiymatga ega bo'lgan 5 katakchani yaratish kerak. 1 dan 5 gacha bo'lgan qiymatga ega bo'lsam, men tekshirganimda qiymatni matn qutisiga bosishim kerak, qutilarning belgisini olib tashlashingiz mumkin va raqam yo'qoladi. Muammoni bekor qilish qisman matn qutisidan qiymatni olib tashlashning yo'lini topa olmayapman. Men ishlamadim

if( aInput[0].checked == false){

    aTxt[0].value = aInput[0].value;

}

Lekin bu ishni bajarmaydi

0
Matnni yozish bilan bog'liq barcha kodni matn qutisiga etkazib berasiz
qo'shib qo'ydi muallif haxxxton, manba
Bu holatda <input type = "checkbox" value = "1" id = "R36" nomi = "radio" onClick = "textbox.value + = (bu.checked? This.value: " - checked <input type =" checkbox "checked = "tekshirildi" />
qo'shib qo'ydi muallif le_m, manba
<input type = "checkbox" value = "1" id = "R36" name = "radio" onClick = "textbox.value + = this.value +", "" /> Ushbu qiymatlarni chop qilishda foydalaniladigan usul matn qutisida
qo'shib qo'ydi muallif Ulysse Corbeil, manba

7 javoblar

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$('input[type="checkbox"]').on("click", DoSomething);


function  DoSomething(){
     if($(this).prop('checked') == true){
     document.getElementById('text').innerHTML+=$(this).val();
     }
     else{
     var text = document.getElementById('text').innerHTML;
     text=  text.replace($(this).val(),'');
     document.getElementById('text').innerHTML = text;
     }
          
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="checkbox" name="help_text" value="1" />

<input type="checkbox" name="help_text" value="2" />
<input type="checkbox" name="help_text" value="3" />
<input type="checkbox" name="help_text" value="4" />
<input type="checkbox" name="help_text" value="5" />
</form>
<div id="text"></div>
</div> </div>

Jquery-dan foydalanganman, lekin siz uni jq-da yozishingiz mumkin

1
qo'shib qo'ydi

MDN ga binoan, olingan natijalar bir tasdiqlash qutisi qiymati xususiyati har doim "ochiq" yoki boshqa joyda ko'rsatilgan boshqa qiymatdan iborat bo'ladi. Siz buni tekshirib yoki bekor qilinganda o'zgarmaydi.

Shunday qilib, matn qutisi qiymati har doim bir xil qiymatga o'rnatiladi.

O'zingizga qarang:<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

checkbox = document.getElementById("checkbox");

checkbox.addEventListener('change', function(e) {
  console.log(checkbox.checked, checkbox.value);
});
<input id="checkbox" type="checkbox">
</div> </div>

Siz kodingizni o'zgartirishingiz kerak, masalan. quyidagicha:

if (aInput[0].checked) {
    aTxt[0].value = aInput[0].value;
} else {
    aTxt[0].value = '';//define a value
}
1
qo'shib qo'ydi

Agar u tekshirilmagan bo'lsa, matn qutisini bo'sh satrga qo'ying:

for (var i = 0; i < aInput.length; i++) {
    if (aInput[i].checked) {
        aTxt[i] = aInput[i].value;
    } else {
        aTxt[i] = '';
    }
}
0
qo'shib qo'ydi

buni sinab ko'ring:

for(var i = 0; i < aInput.length; i++)
   if(!aInput[i].checked){
      aTxt[i].value = '';
   }
}

yuqoridagi kod , checkbox bo'lmasa, asosan matn qutisi qiymatini bo'sh string ga o'rnatadi.

0
qo'shib qo'ydi

Quyidagilarni tekshirib ko'ring:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$('input[type="checkbox"]').click(function(){
  var thisVal = $(this).val();
  if($(this).prop('checked') === true){
    document.getElementById('txtInput').value += thisVal;
  }
  else{
    var result = document.getElementById('txtInput').value;
    result =  result.replace(thisVal,'');
    document.getElementById('txtInput').value = result;
  }
          
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" value="1" />1
<input type="checkbox" value="2" />2
<input type="checkbox" value="3" />3
<input type="checkbox" value="4" />4
<input type="checkbox" value="5" />5


Slected text box value:
<input type="text" id="txtInput" />
</div> </div>
0
qo'shib qo'ydi

Muammo shundaki, men barcha raqamlarni bir vaqtning o'zida ko'rsatishim kerak, masalan: 1,2,3,4,5 yoki 1,3,5 yoki 1,2,5 va boshqalar.

0
qo'shib qo'ydi

Matn qutisi qiymatini nol yoki bo'sh ga aylantiring

if( aInput[0].checked == false){

aTxt[0].value = "";

 }
0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb