如何在javascript中啓用禁用sup標記

我有2個單選按鈕和一個文本框，我需要使（*）出現在文本框中，當單選按鈕時，單擊無單選按鈕時將其刪除。
我的觀點：如何在javascript中啓用禁用sup標記

<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; 
     } 
    }

我試過，但鑑於沒有變化。有任何想法嗎？

來源

2017-07-07 ashwanth

輸入有.Change的sub禁用屬性的輸入。而對齊的HTML代碼的正確format.Then添加*是否取決於檢查單選按鈕

更新

注：sub標記沒有禁用屬性

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 ? '*' : ''; 
 
}

<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

來源

2017-07-07 07:38:29 prasanth

我需要的是*要顯示出來Ø f textbox – ashwanth

@ashwanth查看我的更新回答 – prasanth

爲什麼我們要給雙星引用雙引號？ – ashwanth

這裏是您的解決方案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(''); 
    } 
});

來源

2017-07-07 07:42:44 Shiladitya

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

<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

使用本

來源

2017-07-07 07:49:38 jeevanswamy21

使用此代碼ashwanth – jeevanswamy21

它的工作在這裏罰款。但在我的項目中不起作用？ – ashwanth

是他們的任何錯誤即將到來或檢查jQuery的衝突 – jeevanswamy21

<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"; 

    }

來源

2017-07-07 08:03:12

如何在javascript中啓用禁用sup標記

回答

相關問題