jQuery表单复选框与单选框美化特效-精品资源网

jQuery表单复选框与单选框美化特效

jQuery表单复选框与单选框美化特效是一款支持删除重新选择的单选按钮和多选按钮美化插件。

js代码

<script type=\"text/javascript\">
    $(\"#test\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isMulti\":true,//是否多选
        \"inputId\":\"testValue\",//输入框的id
        \"checkStyle\":\"fg\"//选择的样式
    });
    $(\"#test2\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isMulti\":false,//是否多选
        \"inputId\":\"testValue2\",//输入框的id
        \"checkStyle\":\"yx\"//选择的样式
    });
    $(\"#test3\").multiselectInit({
        \"selectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"},{\"colId\":4,\"colValue\":\"西瓜\"},{\"colId\":5,\"colValue\":\"甘蔗\"}],
        \"isSelectData\":[{\"colId\":1,\"colValue\":\"苹果\"},{\"colId\":2,\"colValue\":\"香蕉\"},{\"colId\":3,\"colValue\":\"菠萝\"}],
        \"isMulti\":true,//是否多选
        \"inputId\":\"testValue3\",//输入框的id
        \"checkStyle\":\"fx\"//选择的样式
    });
</script>