-4

HTMLで既存のJavaScriptを使用するのは難しいです。私のHTMLは、2つのラジオボタンと要素「textarea」です。一方のラジオボタンが選択されている場合（ボタン：いいえ）はテキストエリアを表示する必要があり、もう一方のラジオボタン（ボタン：はい）が選択されている場合は非表示にする必要があります。

<span><input type="radio" name="feedback" id="Yes" value="Yes"><label for="Yes">Yes</label></span>
<span><input type="radio" name="feedback" id="No" value="No"><label for="No">No</label></span>

<div class="">
  <h5>lorem ipsum da lore</h5>
  <textarea>Lorem ipsum da lore</textarea>
</div>

次のJavaScriptを使用して、目的の効果を実現する必要があります。私はJavaScriptにかなり慣れていないので、今後JavaScriptコードを使用する最善の方法を誰かが説明できることを願っています。

    $("input.kpn-bh-hideShow").change(function(){
    var id1 = $(this).attr('class').split(' ')[1];
    var id2 = $(this).attr('class').split(' ')[2];

    if(id1 && id2){
        $('#' + id1)
            .hide()
            .find('input, select')
            .attr("disabled","disabled");

        $('#' + id2)
            .show()
            .find('input, select')
            .filter(":visible")
            .removeAttr("disabled");
    }else{
        $('#' + id1)
            .hide()
            .find('input, select')
            .attr("disabled","disabled");
    }
4

1 に答える 1

1 
    **check out this code for this ** 
    <form name="f">
     <input type="radio" id="a" name="a"/>
     <input type="radio" id="b" name="a" />
     <textarea>here is a textarea</textarea>

    </form>
<script type="text/javascript">
//A link for the jquery library must be added here
$("#a").onclick(function (){
$("textarea").css("display","none");

});
$("#b").onclick(function (){
$("textarea").css("display","block");
});
</script>
于 2013-01-16T21:22:27.803 に答える