Question

我有2个单选按钮和一个文本框，我需要在单击是无线电按钮时显示在文本框上，并在没有单击单选按钮时删除。我的观点：

  <label>code<sup id="star" disabled>*</sup></label>             
      >Add to electronic<input type="radio" name="yes" id="yes"/>onchange="starenable()"/><input type="radio" name="yes"
        > id="no"/>onchange="starenable()"/>no

我的javascript：

 function starenable() {
        if (document.getElementById('yes').checked) {
            document.getElementById("star").disabled = false;
        } else if (document.getElementById('no').checked) {
            document.getElementById("star").disabled = true;
        }
    }

我尝试了这个，但没有改变。任何想法？

Answer 1

输入具有禁用属性。使用输入更改sub。并以正确的格式对齐html代码。然后添加*取决于选中的单选按钮

<强>更新

注意： sub标记没有禁用属性

＆＃13;

function starenable() {
  if (document.getElementById('yes').checked) {
    document.getElementById("star").disabled = false;
  } else if (document.getElementById('no').checked) {
    document.getElementById("star").disabled = true;
  }
  document.getElementById("star").innerHTML = document.getElementById('yes').checked ? '*' : '';
}

＆＃13;

<label>code <sub id="star"></sub></label> Add to electronic
<input type="radio" name="yes" id="yes" onchange="starenable()" />yes
<input type="radio" name="yes" id="no" onchange="starenable()"/>no

＆＃13;

Answer 2

以下是您的解决方案https://jsfiddle.net/me9uwL2d/

<input type="radio" name="test" value="Yes" />Yes
<input type="radio" name="test" value="No" />No
<input type="text" />

$('input[type="radio"]').change(function() {
    if( $(this).is(':checked') && ($(this).attr('value') == 'Yes')) {
        $('input[type="text"]').val("*");
    }else{
        $('input[type="text"]').val('');
    }
});

Answer 3

＆＃13;

$(document).ready(function() {
    $('input[type=radio][name=yes]').change(function() {
        if (this.id == 'yes') {
         $('#star').hide();
        }
        else if (this.id == 'no') {
            $('#star').show();
        }
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<label>code<span id="star" >*</span></label>             
      Add to electronic
      <input type="radio" name="yes" id="yes"/>yes
      <input type="radio" name="yes"
         id="no"/>no

＆＃13;

＆＃13; 使用这个

Answer 4

<label>code<sup id="star" style="visibility:hidden">*</sup></label>
Add to electronic
<input type="radio" name="yes" id="yes" onchange="starenable()"/>yes
<input type="radio" name="yes" id="no" onchange="starenable()"/>no

function starenable() {

    if (document.getElementById('yes').checked)

        document.getElementById("star").style.visibility = "visible";

    else if (document.getElementById('no').checked) 

        document.getElementById("star").style.visibility = "hidden";

    }

如何在javascript

4 个答案: