Как добавить конкретный идентификатор в функцию щелчка переключателя? - PullRequest
0 голосов
/ 15 мая 2018

Я хочу добавить определенный идентификатор в функцию щелчка переключателя, потому что у меня есть 2 переключателя переключателя.Это мой текущий код:

HTML

<div id="radioGroup1" style="font-size:1em;">
  <input type="radio" name="chooseBentukUsaha" id='chkperseorangan' value="Perseorangan" class="radiobentukusaha" checked> Perseorangan &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkpt' value="checkGroup" class="radiobentukusaha"> PT &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkcv' value="CV" class="radiobentukusaha"> CV &nbsp;
</div>

<div id="radioGroup2" style="font-size:0.8em;">
   <input type="radio" name="choose" id='chkusaha' value="Pengembangan Usaha" class="radiopurpose" checked> Modal Usaha &nbsp;
   <input type="radio" name="choose" id='chkpengembangan' value="Pengembangan Usaha" class="radiopurpose"> Pengembangan Usaha &nbsp;
   <input type="radio" name="choose" id='chkstartup' value="Start Up" class="radiopurpose"> Penambahan Stok &nbsp;
   <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Ekspansi &nbsp;
   <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Lain-lain &nbsp;
</div>

Мой текущий jquery

$('input[type="radio"]').click(function() {
     var inputValue = $(this).attr("value");
     var targetBox = $("." + inputValue);
     $(".box").not(targetBox).hide();
     $(targetBox).show();
});

ЧтоЯ пытался

$('input[type="radio",id="radioGroup1"]').click(function() {
     var inputValue = $(this).attr("value");
     var targetBox = $("." + inputValue);
     $(".box").not(targetBox).hide();
     $(targetBox).show();
});

Ответы [ 3 ]

0 голосов
/ 15 мая 2018

Вы можете выбрать его по id с помощью input[type="radio"][id="chkperseorangan"], а не input[type="radio",id="radioGroup1"], и вы использовали родительский id не radio:

$('input[type="radio"][id="chkpt"]').click(function() {
  alert('Its me!');
  //var inputValue = $(this).attr("value");
  //var targetBox = $("." + inputValue);
  //$(".box").not(targetBox).hide();
  //$(targetBox).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="radioGroup1" style="font-size:1em;">
  <input type="radio" name="chooseBentukUsaha" id='chkperseorangan' value="Perseorangan" class="radiobentukusaha" checked> Perseorangan &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkpt' value="checkGroup" class="radiobentukusaha"> PT &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkcv' value="CV" class="radiobentukusaha"> CV &nbsp;
</div>

<div id="radioGroup2" style="font-size:0.8em;">
  <input type="radio" name="choose" id='chkusaha' value="Pengembangan Usaha" class="radiopurpose" checked> Modal Usaha &nbsp;
  <input type="radio" name="choose" id='chkpengembangan' value="Pengembangan Usaha" class="radiopurpose"> Pengembangan Usaha &nbsp;
  <input type="radio" name="choose" id='chkstartup' value="Start Up" class="radiopurpose"> Penambahan Stok &nbsp;
  <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Ekspansi &nbsp;
  <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Lain-lain &nbsp;
</div>
0 голосов
/ 15 мая 2018

Здесь я добавил решение, оно также будет работать, если элемент будет создан динамически.

HTML

<div id="radioGroup1" style="font-size:1em;">
  <input type="radio" name="chooseBentukUsaha" id='chkperseorangan' value="Perseorangan" class="radiobentukusaha" checked> Perseorangan &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkpt' value="checkGroup" class="radiobentukusaha"> PT &nbsp;
  <input type="radio" name="chooseBentukUsaha" id='chkcv' value="CV" class="radiobentukusaha"> CV &nbsp;
</div>

<div id="radioGroup2" style="font-size:0.8em;">
   <input type="radio" name="choose" id='chkusaha' value="Pengembangan Usaha" class="radiopurpose" checked> Modal Usaha &nbsp;
   <input type="radio" name="choose" id='chkpengembangan' value="Pengembangan Usaha" class="radiopurpose"> Pengembangan Usaha &nbsp;
   <input type="radio" name="choose" id='chkstartup' value="Start Up" class="radiopurpose"> Penambahan Stok &nbsp;
   <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Ekspansi &nbsp;
   <input type="radio" name="choose" id='chklain' value="Lain-lain" class="radiopurpose"> Lain-lain &nbsp;
</div>

Это решение для динамическогосозданный элемент также

var i = 1;
$('input[type="radio"]').on('click',function() {
  alert('Its me!');
  var element = "youId_"+i;
  var inputValue = $(this).attr("id",element);
  i++;
});
0 голосов
/ 15 мая 2018

выяснил сам, используя этот код:

$('input[name="chooseBentukUsaha"]').click(function() {
       var inputValue = $(this).attr("value");
       var targetBox = $("." + inputValue);
       $(".box").not(targetBox).hide();
       $(targetBox).show();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...