Fatal编程技术网

Javascript JQuery命令彼此中断

javascript jquery

Javascript JQuery命令彼此中断,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我有这个代码来根据选择生成特定的表单 $(document).ready(function(){ $('#dealerform').hide(); $('#customerform').hide(); $('#select').change(function(){ $('#dealerform,#customerform').hide(); $($(this).find('option:selected').attr('value')).s

我有这个代码来根据选择生成特定的表单

$(document).ready(function(){
    $('#dealerform').hide();
    $('#customerform').hide();
    $('#select').change(function(){
        $('#dealerform,#customerform').hide();
        $($(this).find('option:selected').attr('value')).show();
    });
});

$(document).ready(function(){
    $("input[name='emailquest']").change(function(){
    if (this.value != "1") { // <----I would probably change this to look for this.checked
        $("input[name='email']").prop("disabled", true);
    } else {
        $("input[name='email']").prop("disabled", false);
    }
    });
});
谢谢

无需将每个代码块包装在新的$（document.ready（）中

这：

$（文档）.ready（函数（）{
$（'#dealPerform'）.hide（）；
$（'#customerform'）.hide（）；
$（'#select'）。更改（函数（）{
$（“#解除执行，#自定义执行”）.hide（）；
$（$（this.find（'option:selected'）.attr（'value'））.show（）；
});
});
$（文档）.ready（函数（）{
$（“输入[name='emailquest']”）。更改（函数（）{

如果（this.value！=“1”）{/则无需将每个代码块包装在新的$（document.ready（）中

这：


$（文档）.ready（函数（）{
$（'#dealPerform'）.hide（）；
$（'#customerform'）.hide（）；
$（'#select'）。更改（函数（）{
$（“#解除执行，#自定义执行”）.hide（）；
$（$（this.find（'option:selected'）.attr（'value'））.show（）；
});
});
$（文档）.ready（函数（）{
$（“输入[name='emailquest']”）。更改（函数（）{
if（this.value！=“1”）{/
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（'#dealPerform'）.hide（）；
$（'#customerform'）.hide（）；
$（'#select'）。更改（函数（）{
$（“#解除执行，#自定义执行”）.hide（）；
$（$（this.find（'option:selected'）.attr（'value'））.show（）；
});
$（“输入[name='emailquest']”）。更改（函数（）{
if（this.value！=“1”）{/
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（'#dealPerform'）.hide（）；
$（'#customerform'）.hide（）；
$（'#select'）。更改（函数（）{
$（“#解除执行，#自定义执行”）.hide（）；
$（$（this.find（'option:selected'）.attr（'value'））.show（）；
});
$（“输入[name='emailquest']”）。更改（函数（）{

如果（this.value！=“1”）{//检查了您的控制台是否有错误？请尝试将所有内容放入$（function（）{}）；（包括document.ready内容）您基本上有3个document ready wrapper…您只需要一个即可发布HTML并创建JSFIDLE？仅供参考，
$（function（）{
与
$（document.ready）完全相同{
，只有在页面的
中调用jQuery/JS时才需要，并且只需要一次。检查控制台是否有错误？尝试将所有内容放入$（function（）{}）；（包括document.ready stuff）实际上，您已经有了3个文档就绪包装器……您只需要一个就可以发布HTML并创建JSFIDLE了吗？仅供参考，
$（function（）{
与
$（document）.ready（function（）{
）完全相同，并且仅在页面的
中调用jQuery/JS时需要，并且只需要一次。

$(function(){
    $("#datepicker").datepicker();
});



$(document).ready(function(){
    $('#dealerform').hide();
    $('#customerform').hide();
    $('#select').change(function(){
        $('#dealerform,#customerform').hide();
        $($(this).find('option:selected').attr('value')).show();
    });
});

$(document).ready(function(){
    $("input[name='emailquest']").change(function(){
    if (this.value != "1") { // <----I would probably change this to look for this.checked
        $("input[name='email']").prop("disabled", true);
    } else {
        $("input[name='email']").prop("disabled", false);
    }
    });
});                     
$(function(){
    $("#datepicker").datepicker();
});



$(function() {
    //  your first block of code
    $('#dealerform').hide();
    $('#customerform').hide();
    $('#select').change(function(){
        $('#dealerform,#customerform').hide();
        $($(this).find('option:selected').attr('value')).show();
    });

    // your second block of code
    $("input[name='emailquest']").change(function(){
        if (this.value != "1") { // <----I would probably change this to look for this.checked
            $("input[name='email']").prop("disabled", true);
        }
        else {
            $("input[name='email']").prop("disabled", false);
        }
    });

    // that last piece
    $("#datepicker").datepicker();
})



<html>
    <head>
        <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" type="text/css" media="all" />

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

        <script type="text/javascript">
            $(function() {
                //  your first block of code
                $('#dealerform').hide();
                $('#customerform').hide();
                $('#select').change(function(){
                    $('#dealerform,#customerform').hide();
                    $($(this).find('option:selected').attr('value')).show();
                });

                // your second block of code
                $("input[name='emailquest']").change(function(){
                    if (this.value != "1") { // <----I would probably change this to look for this.checked
                        $("input[name='email']").prop("disabled", true);
                    }
                    else {
                        $("input[name='email']").prop("disabled", false);
                    }
                });

                // that last piece
                $("#datepicker").datepicker();
            })
        </script>
    </head>



$(function() {
    $("#datepicker").datepicker();

    $('#dealerform').hide();
    $('#customerform').hide();
    $('#select').change(function(){
        $('#dealerform,#customerform').hide();
        $($(this).find('option:selected').attr('value')).show();
    });

    $("input[name='emailquest']").change(function(){
    if (this.value != "1") { // <----I would probably change this to look for this.checked
        $("input[name='email']").prop("disabled", true);
    } else {
        $("input[name='email']").prop("disabled", false);
    }
    });
});