Jquery not working in Yii2

Question

Here is my code https://jsfiddle.net/tusharj/0hoh109k/1/

this working perfectly in jsfiddle, but while am using this code in yii2, its not working

_form.php

 <?= $form->field($model, 'relation')->checkboxList($relation, $options =   ['class' => 'check']);} ?>

this is html code for above form, above code is looks like in below in inspect element

<div id="employeedetails-relation" class="check">
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="1"> Father</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="2"> Mother</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="3"> Spouse</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="4"> Child1</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="5"> Child2</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="6"> Father-in-law</label></div>
<div class="checkbox"><label><input type="checkbox" name="Employeedetails[relation][]" value="7"> Mother-in-law</label></div></div>

below code is used jquery in yii2

<?php

$this->registerJs(' 

    $(document).ready(function () {
    $(\'#employeedetails-relation\').on(\'change\', \':checkbox\', function () {
        var value = parseInt($(this).val());

        var checkedEl = [];
        $(\':checkbox:checked\').each(function () {
            checkedEl.push(parseInt($(this).val()));
        });

        console.log(checkedEl);
        $(\'#employeedetails-relation :checkbox\').prop(\'disabled\', false);
        console.log(value);
        console.log($.inArray(value, checkedEl));
        if ($.inArray(1, checkedEl) > -1 || $.inArray(2, checkedEl) > -1) {
            $(\':checkbox[value=6]\').prop(\'disabled\', true);
            $(\':checkbox[value=7]\').prop(\'disabled\', true);
        } else if ($.inArray(6, checkedEl) > -1 || $.inArray(7, checkedEl) > -1) {

            $(\':checkbox[value=1]\').prop(\'disabled\', true);
            $(\':checkbox[value=2]\').prop(\'disabled\', true);
        }

    });

});', \yii\web\View::POS_READY);

?>

I don't Know why its not working in yii2

Vignesh Krishnamoorthy · Accepted Answer · 2016-12-02 08:46:05Z

3

Try This it works

namespace frontend\modules\test\assets;

use yii\web\AssetBundle;

class YourAsset extends AssetBundle
{
    /**
     * @inheritdoc
     */
    public $sourcePath = '@frontend/modules/test/assets';

    /**
     * @inheritdoc
     */
    public $publishOptions = [
        'forceCopy' => YII_DEBUG,
    ];

    /**
     * @inheritdoc
     */
    public $js = [
        'js/your-file.js',
    ];

    /**
     * @inheritdoc
     */
    public $depends = [
        'yii\web\JqueryAsset',
    ];
}

answered Dec 2, 2016 at 8:46

Vignesh Krishnamoorthy

1421 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vignesh Krishnamoorthy Over a year ago

I would like to have comments on downvotes. Please explain your(whomsoever) reason to downvote the answer. It will help me in improving my answer

arogachev · Accepted Answer · 2015-05-19 09:05:41Z

1

Registering js code like that is considered bad practice. Use assets instead, it's even recommended in official docs.

Note that your code does not even depend on any php data.

Move it to separate file and include using assets.

Here is basic example:

<?php

namespace frontend\modules\test\assets;

use yii\web\AssetBundle;

class YourAsset extends AssetBundle
{
    /**
     * @inheritdoc
     */
    public $sourcePath = '@frontend/modules/test/assets';

    /**
     * @inheritdoc
     */
    public $publishOptions = [
        'forceCopy' => YII_DEBUG,
    ];

    /**
     * @inheritdoc
     */
    public $js = [
        'js/your-file.js',
    ];

    /**
     * @inheritdoc
     */
    public $depends = [
        'yii\web\JqueryAsset',
    ];
}

Registering asset bundle in view:

YourAsset::register($this);

For more information about assets, check official docs.

answered May 19, 2015 at 9:05

arogachev

33.6k8 gold badges121 silver badges118 bronze badges

5 Comments

Kalaiselvan Mahendiran Over a year ago

i did that too, but the result is same. Not Working

arogachev Over a year ago

What do you mean by "not working"? What kind of error is in the browser console?

Kalaiselvan Mahendiran Over a year ago

if i check value 1 in checkbox, value 6 and 7 checkbox not getting disable

arogachev Over a year ago

So the error is related with logic, not the fact that the script executes before jQuery loads? If so, you should definetely mention such details in question.

arogachev Over a year ago

In this case simply check if js code and generated HTML output are exactly the same as in jsfiddle.

Collectives™ on Stack Overflow

Jquery not working in Yii2

2 Answers 2

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related