我无法激活Javascript

时间:2014-08-07 08:01:13

标签: javascript php

我尝试运行此代码:http://jsfiddle.net/2VL7b/

这是针对php文件的:

<input type="radio" name="radioknof" value="text1"/>
<input type="text" id="id1"/><br/><br/>
<input type="radio" name="radioknof" value="text1"/>
<input type="text" id="id2"/>

这是js文件:

$('input[type=text]').prop('disabled',true);
$('input[name=radioknof]').on('click', function(){ 
   $(this).next().prop('disabled',false).siblings('input[type=text]').prop('disabled',true);
});

但是当我将javascript链接到php文件时。它不会起作用。 即使我直接将javascript放在php文件中,它仍然无法工作......

任何人都可以帮助我..

2 个答案:

答案 0 :(得分:2)

$document.ready(function(){
   $('input[type=text]').prop('disabled',true);
   $('input[name=radioknof]').on('click', function(){            
      $(this).next().prop('disabled',false).siblings('input[type=text]').prop('disabled',true);
   });
});

答案 1 :(得分:0)

您应该将代码封装到ready函数中,以确保在执行脚本之前加载html文档:

$(document).ready(function() {
    $('input[type=text]').prop('disabled',true);
    $('input[name=radioknof]').on('click', function(){            
        $(this).next().prop('disabled',false).siblings('input[type=text]').prop('disabled',true);
    });
});

否则,您的代码可以访问尚未呈现的DOM元素。

Documentation: .ready()