Question

$(document).ready(function() {
  window.buttonType = '';

  $("#inlineRadio8").click(function() {
    window.buttonType = 'checkbox';

  });

  $("#inlineRadio9").click(function() {
    window.buttonType = 'radio';
  });
});

document.write("<input type=window.buttonType name='inlineRadioOptions' id='inlineRadio1' value='Hockey'> ");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" name="chk2" id="inlineRadio8" value="val2" class="hidden" autocomplete="off">

<input type="radio" name="chk1" id="inlineRadio9" value="val1" class="hidden" autocomplete="off">

基于按钮点击有两个按钮想要交换输入类型。即如果单击此（#inlineRadio8），则输入类型应转换为复选框，如果inlineRadio9被inovked，则转换为无线电类型

这个window.buttonType应该在页面上可用，即如果我点击inlineRadio8按钮，这个变量应该有值'checkbox'如果我点击inlineRadio9这应该有值'radio'

如何实现同样的目标。

Answer 1

你不需要全局变量。只需更改点击的输入类型即可。

喜欢：

＆＃13;

$(document).ready(function() {
  $("#inlineRadio8").on('click', function() {
    $("#inlineRadio1").prop('type', 'checkbox');

  });

  $("#inlineRadio9").on('click', function() {
    $("#inlineRadio1").prop('type', 'radio');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" name="chk1" id="inlineRadio8" value="val2" class="hidden" autocomplete="off">

<input type="radio" name="chk1" id="inlineRadio9" value="val1" class="hidden" autocomplete="off">

<input type='hidden' name='inlineRadioOptions' id='inlineRadio1' value='Hockey'>

＆＃13;

将javascript变量设置为全局

1 个答案: