javascript - Jquery html attr 单选输入 alt 内容

Question

我想使用 Jquery Attr.Radio 按钮单击并写入#RadioDesc id's div ...

<input type="radio" desc="sample description" class="AddText">

<script type="text/javascript">
    $( document ).ready( function() {
        $("radio").click( function() {
            $("#RadioDesc").attr("desc");
        });
    });
</script>

<div id="RadioDesc"></div>

这些代码不起作用...请帮助我解决方案...

Answer 1

您的选择器无效，请更改：

$("radio").click(function(){

到

$( document ).ready( function() {
        $(":radio").click( function() {
            //add to html
            $("#RadioDesc").html($(this).attr("desc"));
        });
    });

Answer 2

html:

<input type="radio" desc="sample description" class="AddText">
<div id="RadioDesc"></div>

JS：

$(document).ready(function() {
$("input[type=radio]").click(function(){
           $("#RadioDesc").text($(this).attr("desc"));
        });});

工作小提琴

Answer 3

收音机选择器是:radio

$(document).ready(function () {
    $(":radio").click(function () {
        $("#RadioDesc").html($(this).attr('src'));
    });
});

Answer 4

您的选择器不是针对收音机，而是针对元素收音机

试试这个：

$('input[type=radio]')

Answer 5

您应该将 div 的 html 更改为收音机的属性值

<input type="radio" desc="sample description" class="AddText">
<div id="RadioDesc"></div>

<script type="text/javascript">
    $( document ).ready( function() {
        $("input:radio").click( function() {
            $("#RadioDesc").html( $(this).attr("desc") );
        });
    });
</script>