Javascript 将简单代码从JS转换为jQuery

我对JS和jQuery都是新手（我所知道的时代已经落后了），但是我有一个可以工作的JS函数，它非常简单，我想转换成jQuery。我想如果我能在这方面得到帮助，它将有助于我理解jQuery的机制（就像我理解这个JS一样）

这样做的目的是根据是否选择了一对单选按钮来显示或隐藏div。如果选择了Yes，我想做的是（加载时）将div滑入，如果选择了no，则将div滑出。我希望“否”是默认值（现在“是”是默认值）。我确实让jQueryUI跑去看幻灯片

以下是JS代码：

<script type="text/javascript">
function makeChoice()
{
    if (document.form1.mobileyesno[1].checked == true)
        {
            document.getElementById('wanttexts').style.visibility = 'hidden'; 
        }
    else
        {
            document.getElementById('wanttexts').style.visibility = 'visible';          
        }
}

</script>

函数makeChoice（）
{
if（document.form1.mobileyesno[1]。checked==true）
{
document.getElementById（'wanttexts'）.style.visibility='hidden'；
}
其他的
{
document.getElementById（'wanttexts'）。style.visibility='visible'；
}
}

我知道这可能很简单，但我需要帮助。：-）谢谢

更好地编辑：

function makeChoice() {
    $('#wanttexts')
        [document.form1.mobileyesno[1].checked ? 'slideDown' : 'slideUp']();
}

更好地编辑：

function makeChoice() {
    $('#wanttexts')
        [document.form1.mobileyesno[1].checked ? 'slideDown' : 'slideUp']();
}

---

如果您使用的是

jQuery

，那么您可以试试这个

function makeChoice()
{
    if (document.form1.mobileyesno[1].checked == true)
        {
            $('#wanttexts').slideDown(); 
        }
    else
        {
            $('#wanttexts').slideUp();          
        }
}

---

如果您使用的是

jQuery

，那么您可以试试这个

function makeChoice()
{
    if (document.form1.mobileyesno[1].checked == true)
        {
            $('#wanttexts').slideDown(); 
        }
    else
        {
            $('#wanttexts').slideUp();          
        }
}

---

我在想这样的事情：

jQuery（函数（$）{
函数切换（）{
$（'#wanttexts'）。切换（
$（'[name=MobileEyesNo]：等式（0）：选中'）。长度==1
);
}
});

---

看

我在想这样的事情：

jQuery（函数（$）{
函数切换（）{
$（'#wanttexts'）。切换（
$（'[name=MobileEyesNo]：等式（0）：选中'）。长度==1
);
}
});

---

看

好吧，我可以给你一些代码来转换它，但这并没有真正的帮助下面是一些链接，我将从这些链接开始，专门替换该函数中的内容。jQuery文档实际上非常棒（大多数时候）

• ，具体来说。这就是你实际引用一组特定事物的方式

• 这是用于更改元素上CSS的函数。下面是更宽泛的部分，介绍如何使用

• 对于checked，您应该使用。事实上，最近发生了一些关于这和之间的差异的剧变，但是不要太担心

• 要在负载下做某事，您应该查看。您可以像这样为整个文档传递函数：

---

• 要在jQuery中显示或隐藏内容，它实际上有一些方便的函数，如和，但您可以查看更多内容，如滑动和淡入。非常整洁的东西

---

关于jQuery还有其他一些需要了解的东西，比如你可以链接东西，等等。阅读一些介绍性文档是值得的，比如。

我可以给你一些代码来为你转换它，但这并没有真正的帮助。；）下面是一些链接，我将从这些链接开始，专门替换该函数中的内容。jQuery文档实际上非常棒（大多数时候）

• ，具体来说。这就是你实际引用一组特定事物的方式

• 这是用于更改元素上CSS的函数。下面是更宽泛的部分，介绍如何使用

• 对于checked，您应该使用。事实上，最近发生了一些关于这和之间的差异的剧变，但是不要太担心

• 要在负载下做某事，您应该查看。您可以像这样为整个文档传递函数：

---

• 要在jQuery中显示或隐藏内容，它实际上有一些方便的函数，如和，但您可以查看更多内容，如滑动和淡入。非常整洁的东西

关于jQuery还有一些其他的事情需要知道，比如你可以链接东西，等等。阅读一些介绍性文档是值得的，比如

外部

$（函数（）{}）

表示花括号中的代码将在页面完成加载后运行

$（'input[name=“mobileyesno”]：checked'）

是选择名称为“mobileyesno”且当前已选中的所有输入字段的一种方法，并且

val（）

提取该输入字段的值。如果希望在加载页面时默认选择特定的输入字段，请将

checked=“checked”

属性添加到该单选按钮的输入标记中

---

外部

$（函数（）{}）

表示花括号中的代码将在页面完成加载后运行

$（'input[name=“mobileyesno”]：checked'）

是选择名称为“mobileyesno”且当前已选中的所有输入字段的一种方法，并且

val（）

提取该输入字段的值。如果希望在加载页面时默认选择特定的输入字段，请将

checked=“checked”

属性添加到该单选按钮的输入标记中。

如果希望

滑动

效果，可以执行以下操作：

$('#mobileyesno').checked(function() {
    $('#wanttexts').slideToggle();
});

否则：

$('#mobileyesno').checked(function() {
    $('#wanttexts').toggle();
});

---

如果您想要

效果，可以执行以下操作：

$('#mobileyesno').checked(function() {
    $('#wanttexts').slideToggle();
});

否则：

$('#mobileyesno').checked(function() {
    $('#wanttexts').toggle();
});

.hide（）和.show（）将元素设置为display:none/block-而不是OP的代码

.hide（）和.show（）将元素设置为display:none/block-而不是OP的代码
 粘贴你的html，最好是启动一个JSFIDLE。粘贴你的html，最好是启动一个JSFIDLE。@Shankarsangli:试试看，你可能会suprised@ShankarSangoli：尝试一下，您可能会惊讶$（“#MobileEyesNo”）。当我尝试此功能时，Check不是一个函数，您可以使用。请单击：）$（“#MobileEyesNo”）.checked不是我尝试此操作时使用的函数。请改为单击：）
$(function() {
    $("#mobileyesno").bind("click", function() {
       $("#wanttexts").css("visibility", ($("#mobileyesno").eq(1).is(":checked") ? "hidden" : "visible"));
    });
});